Forms

Forms are the way the users of our websites interact with us.

Play with a type of form input

Basic form fields: Some form fields are just one input; no options and nothing complicated
Checkboxes: These can be used on their own or in a group They can be checked and unchecked freely
Datalists: Datalists enhance a text input with add a predefined list of options to choose from
Grouping form fields: Sometimes grouping form fields is necessary
Inactive form fields: Some attributes can limit interaction with a form field
Virtual keyboards with inputmode: The inputmode attribute helps touchscreen users by giving them the most appropriate virtual keyboard
Radios: Radio buttons should be used when the user can only select one option from a group
Relationships: Visual relationships between form elements should also be made programmatically, so that screen reader users get the same experience
Select dropdowns: When there are too many options for a radio set, a dropdown may be the best approach