HTML <select> multiple 属性

HTML <select> 标签

定义和用法

multiple 属性是一个布尔属性。

当存在时，它规定可以一次选择多个选项。

选择多个选项在不同的操作系统和浏览器中有所不同：

  • 对于 Windows：按住 ctrl 键选择多个选项
  • 对于 Mac：按住 command 键选择多个选项

由于不同的实现方式以及需要通知用户多选是可用的，使用复选框而不是下拉列表对用户更加友好。

实例

允许多项选择的下拉列表：

<label for="cars">请选择一个汽车品牌：</label>

<select name="cars" id="cars" multiple>
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

亲自试一试

语法

<select multiple>

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML <select> 标签