Autocomplete
A text input that suggests matches as the user types.
Home › Forms
Forms
Forms turn user input into data the system can use. Good form design respects the user's time, prevents mistakes, and asks for the smallest amount of information that gets the job done.
17 terms · sorted A–Z
Checkbox
A square box you click to turn an option on or off.
Color picker
A control for choosing a color visually.
Date picker
A specialized control for choosing a date.
File upload
A control that lets users add files from their device.
Inline edit
Click on a value to edit it in place.
Inline validation
Live feedback that shows errors right after the user finishes a field.
Multi-step form
A long form split into several sequential screens.
OTP input
A row of single-character boxes for entering a one-time code.
Password strength meter
A bar that shows how strong a typed password is.
Radio button
A round selector for picking exactly one option from a group.
Search bar
A text input dedicated to finding content.
Slider
A draggable handle on a track for picking a range value.
Tag input
An input that turns each entry into a removable chip.
Text field
A single-line input where the user types a short value.
Textarea
A multi-line input for longer free-form text.
Toggle switch
A sliding switch for a single on or off setting.