Form controls are about collecting input data in different ways so that you might persist the data by calling an endpoint over HTTP.
There are quite a few controls in Material Design of varying types, namely:
- Autocomplete: This control enables the user to start typing in an input field and be presented with a list of suggestions while typing. This helps to narrow down the possible values that the input can take.
- Checkbox: This is a classic checkbox representing a state that is either checked or unchecked.
- Date picker: This is a control that enables the user to select a date in the calendar.
- Input: This is a classic input control. Material Design enhances the control with meaningful animation so you can clearly see when you are typing or not.
- Radio button: This is a classic radio button, and just like with the input control, Material Design's take on this one is to add animations and transitions while editing to create a better user experience.
- Select: This is a classic select list where the user is prompted to select one or more items from the list.
- Slider: The slider enables you to increase or decrease the value by pulling a slider button to either the right or the left.
- Slide toggle: This is just a checkbox, but a nicer rendition of it where a slider is being slid to the left or to the right.