Example

Used to enter text, numbers, dates, etc as text.

Text

Checkbox

Radio

Other input types

Recommendations

• Use the correct input types where possible.
• Set a width on the input field. max-w-prose is a good default.
• Associate the input label with the input using the for attribute.
• Use native validation where possible.

Validation

Using build-in HTML5 validation

Using custom validation

Disabled

OLD