Multiple selection

The select element represents a control that allows the user to choose from a number of options. The multiple selection element is represented visually by a scrolling box .

Description

Always associate a label to every select element for good accessibility. Do not include a colon at the end of the label.
The advantage of having a multiple selection list over a checkbox list, it’s that it can have a fixed height and be scrollable natively.
The multiple select element requires the user to hold down the Ctrl (Cmd) key in order to make more than one selection.

Element states

Default

How to use this element

Example

Code

Send feedback

Report an issue or share an idea

Include screenshot of current page

Send feedback

moveclose

Thank you for helping us improve EOS.