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
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