HTML <select> 标签的 multiple 属性

HTML <select> 标签HTML <select> 标签

multiple 属性规定可同时选择多个选项。

在不同操作系统中，选择多个选项的差异：

  • 对于 windows：按住 Ctrl 按钮来选择多个选项
  • 对于 Mac：按住 command 按钮来选择多个选项

由于上述差异的存在，同时由于需要告知用户可以使用多项选择，对用户更友好的方式是使用复选框。

提示：可以把 multiple 属性与 size 属性配合使用，来定义可见选项的数目。

 

1. 语法

<select multiple="value">

属性值

值 描述
multiple 规定可同时选择多个选项。

 

2. 范例

允许在下拉列表中进行多选：

<select multiple="multiple" size="2">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

我要试一试

 

3. 浏览器支持

所有浏览器都支持 multiple 属性。

HTML <select> 标签HTML <select> 标签

HTML <select> 标签的 name 属性：name 属性规定 select 元素的名称。name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。