Drop-down list

From Wikipedia, the free encyclopedia
Revision as of 22:08, 5 June 2025 by imported>Frap (Add text)
(diff) ← Previous revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Template:Short description Template:Use mdy dates Template:More citations needed

File:Drop-down list example.PNG
A drop-down list or drop-down menu or drop menu, with generic entries

A drop-down list (DDL), drop-down menu or just drop-down[1] – also known as a drop menu, pull-down list, picklist – is a graphical control element, similar to a list box, that allows the user to choose one value from a list either by clicking or hovering over the menu. When a drop-down list is inactive, it displays a single value. When activated, it displays (drops down) a list of values, from which the user may select one. When the user selects a new value, the control reverts to its inactive state, displaying the selected value. It is often used in the design of graphical user interfaces, including web design.

Terminology

File:Dewiki-suggesting-searchplugin.png
A drop-down list of search suggestions

This type of control is called a "pop-up menu" on the Macintosh platform;[2] however, the term "pop-up menu" is used to refer to context menus in other GUI systems. The Macintosh also has the notion of "pull-down menus". The distinction is that, when the menu is closed, a pop-up menu's title shows the last-selected item while a pull-down menu shows a static title like a menu in the menu bar. Thus, the uses are different—pop-up menus are used to select a single option from a list while pull-down menus are used to issue commands or in cases where multiple options can be selected.

HTML

In web forms, the HTML elements <select> and <option> are used to display a drop-down menu:[3]

<select>
  <option>option1</option>
  <option>option2</option>
  <option>option3</option>
</select>

GTK

GTK 4 have the Template:Mono widget.[4]

See also

References

Template:Reflist

Template:Graphical control elements


Template:GUI-stub

  1. Script error: No such module "citation/CS1".
  2. Script error: No such module "citation/CS1".
  3. Script error: No such module "citation/CS1".
  4. Script error: No such module "citation/CS1".