HTML <select> multiple Attribute
Definition and Usage
multiple
Property is a boolean property.
When present, it specifies that multiple options can be selected at once.
Selecting multiple options varies in different operating systems and browsers:
- For Windows: Hold down the ctrl key to select multiple options
- For Mac: Hold down the command key to select multiple options
Due to different implementations and the need to notify users that multiple selections are available, checkboxes are more user-friendly than dropdown lists.
Example
Dropdown list that allows multiple selections:
<label for="cars">Please select a car brand:</label> <select name="cars" id="cars" multiple> <option value="audi">Audi</option> <option value="byd">BYD</option> <option value="geely">Geely</option> <option value="volvo">Volvo</option> </select>
Syntax
<select multiple>
Browser Support
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |