Drop-down list
A drop-down list (abbreviated drop-down, or DDL;[1] also known as a drop-down menu, 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
![](http://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Dewiki-suggesting-searchplugin.png/220px-Dewiki-suggesting-searchplugin.png)
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>
See also
- Combo box
- List box
References
- v
- t
- e
- Adjustment handle
- Button
- Context menu
- Drop-down list
- Hamburger button
- Menu
- Pie menu
- Checkbox
- Color picker
- Combo box
- Cycle button
- Date picker
- Grid view
- Toggle switch
- List box
- List builder
- Radio button
- Scrollbar
- Search box
- Slider
- Spinner
- Text box
- Balloon help
- Head-up display in computing
- HUD in video games
- Icon
- Infobar
- Label
- Loading screen
- Progress indicator
- Sidebar
- Status bar
- Toast
- Tooltip
- Accordion
- Tree view
- Client-side decoration
- Disclosure widget
- Frame / Fieldset
- Menu bar
- Panel
- Popover
- Ribbon
- Tab
- Toolbar
- Window
- Workspace
This graphical user interface article is a stub. You can help Wikipedia by expanding it. |
- v
- t
- e