# Select A list that opens to pick one option among many. ## Playground ```html

Repeat

``` ## When to use - For a choice among many options (more than six or seven) the person already knows: a time zone, a country. ## When not to use - **Few options:** Radios; all stay in view. - **Several choices:** Checkbox. - **To navigate:** Nav or links. ## Examples ### Time zone In Chrome and Edge, the list opens inside the page, as lifted paper: it shows in screen sharing and follows the theme. Elsewhere, the system list opens, which works the same. Show code ```html ``` ## States No choice Chosen Error Pick a time zone Disabled No choice: when no option makes a sensible default, the first line invites, in soft text, and cannot be submitted. When a sensible default exists, it comes chosen. ## Do and don’t Do Many known options: the list saves space. Don’t Three options hidden in a list: with Radios, they would fit on screen and take one tap. ## Accessibility - It is still a `