Input Fields allow users to enter text or numeric data.
Rules of Thumb
- Stacked Input Fields are left justified to one another.
- Use consistent spacing between stacked fields.
- Don't use text smaller than what is defined in the CSS. Text size within fields is critical to usability.
Appearance and Behavior
An Input field is enabled if it is eligible for interaction, and focused if it is the current target for keystrokes.
An input field can be configured for required input, limited data ranges or specific data formats. See Form and Input Validation.
Input Fields have a smaller variant which may be beneficial in layouts where space is at a premium