#Overview
A form is a group of related fields. It allows users to input and submit information, and can only be submitted when all fields are valid.
#Form components
#Best practices
#Less is more
Do
Try to use use as few input fields as possible.
Don't
Do not truncate a form.
#Use a single-column layout
Do
Input fields should always be placed one below the other in a column.
Don't
Although these types of forms occupy less vertical space, they are harder to scan and fill out.
#Retain user data for as long as possible
Do
The user's data entries should be retained for as long as possible, including when switching between tabs.
#Ask for relevant information
Do
Avoid optional fields by only asking for relevant information.
Don't
Don’t ask for irrelevant information.
#Grouping fields
Longer forms are divided into thematic groups. This makes it easier for the user to fill out long forms. If necessary, titles and descriptions can be used for structuring.
#Mobile
On small screen sizes form fields fill the entire width. The exception is for fields that always require a shorter input and are directly related with another field, such as zip code and city.
#Desktop
