Text Input
Inputs allow users to enter a short string of information into a form.

Anatomy

Label
Labels are title case without punctuation and contain a single noun or noun phrase (labels do not contain verbs). See the Field Label Glossary for common labels and their use cases.
Placeholder/Value
Input placeholder text is sentence case without punctuation. All select placeholder text says, “Enter [item]” where the item often refers to the input’s label. The placeholder disappears once a user starts typing in the input.
Error
Please see In-Line Error Validation on Submit.
Types
States

Behavior

Specifications
Styling
