Select.
Chooses one value from a predefined list.
See it in context
What it is
A select control reveals its list only when needed, saving space when there are many options. The selected value remains visible while the list is closed.
When to use it
Label the field and include an explicit unselected prompt if a choice is required.
Know the difference
A menu button exposes commands; a select stores one of the available values.
Across platforms
Web
Native input and select controls use browser-provided picker UI; the exact presentation differs across browsers and devices.
iOS · iPadOS
Pickers can appear inline, as wheels, or inside a compact presentation. Choose a style that fits the amount of space and the value being selected.
Android
Use the Android or Material selector appropriate to the value. Calendar and time selection commonly have dedicated dialog presentations.
Go to the source
Primary documentation for the pattern and its platform conventions.