Input overview

Input fields allow users to enter and submit data. Choose the type that matches the shape and structure of what the user needs to provide.

Considerations

Intentional

Every input should collect only the information needed for the task. Avoid asking for data you won’t use.

Guided

Use labels, helper text, and the right input type to set expectations before the user acts. Validation should confirm success as much as it flags failure.

Consistent

Maintain the same field size, label position, and spacing throughout a form. Mixed patterns create uncertainty and slow users down.

Input types

Choose the input that fits what the user needs to provide. Specialized types reduce formatting errors and speed up entry.

Choosing the right input

These pairs are frequently confused. Use these guidelines to pick the right one.