Skip to main content

html-tags.com

<select>

A dropdown of options, natively keyboard- and screen-reader-friendly.

Baseline: Widely available · Forms

When to use it

For choosing one (or with multiple, several) of a closed set; group related options with optgroup.

When not to

Never rebuild it as a div listbox — you lose typeahead, mobile pickers, and AT support; style it with the customizable-select CSS instead.

Key attributes

name / required / multiple / size
autocomplete
fill token

Example

<label for='edition'>Edition</label>
<select id='edition' name='edition'>
  <optgroup label='Available now'>
    <option value='cloth' selected>Clothbound</option>
    <option value='paper'>Paperback</option>
  </optgroup>
</select>
Rendered live above, source below.

Authoritative references