Dropdown list

A field that opens a list when you click it, so you can pick one or several options.

Also called: dropdown, drop-down, dropdown list, dropdown menu, select, select box, combobox, combo box, list with an arrow, arrow pointing down with a list, picker, choose from a list

What it is for

A compact way to offer many options (more than 5–7, say) without using up the screen. It keeps answers consistent, so there are no typos and nobody has to type by hand.

Where you see it

  • Delivery checkout — picking a city or region from a ready-made list
  • Forms — choosing a country or citizenship
  • Sorting — “Price: low to high”, “Most popular”

What it is called in code

  • <select> + <option>
  • combobox
  • Select

See also

  • Radio button — A small circle used to pick one option out of several. Choosing another one clears the previous choice.
  • Text input — A field where a person types something in: letters, numbers, symbols.
  • Three-dot menu — An icon, usually three dots in a row or a column, that opens a hidden list of secondary actions.