Basic Form Elements
The elements commonly populating forms and which are native in HTML
- Every input should have a semantically linked label
- Placeholders shouldn't replace a label
Text Inputs
Example showcase
Checkboxes
Elements allowing users to make multiple choices from a short list of options
Example showcase
Toggle checkboxes
An element used to switch between on and off states with immediate feedback on state change.
Example showcase
Radio Buttons
Elements allowing users to make a single choice from a short list of options
Example showcase
Selects
Elements allowing users to make a single choice from a long list of options.
If the list is really long or complex, the combo box element could help you by allowing users to search in it.
Example showcase