HTML <select> 标签的 multiple 属性 详解
HTML基础 2022-06-02 12:07:26小码哥的IT人生shichen
HTML <select> 标签的 multiple 属性
实例
允许在下拉列表中进行多选：
<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>
完整实例【亲自试一试】：
<html>
<body>
<select multiple="multiple" size="2">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
multiple 属性规定可同时选择多个选项。
在不同操作系统中，选择多个选项的差异：
- 对于 windows：按住 Ctrl 按钮来选择多个选项
- 对于 Mac：按住 command 按钮来选择多个选项
由于上述差异的存在，同时由于需要告知用户可以使用多项选择，对用户更友好的方式是使用复选框。
提示：可以把 multiple 属性与 size 属性配合使用，来定义可见选项的数目。
浏览器支持
所有浏览器都支持 multiple 属性。
语法
<select multiple="value">
属性值
| 值 | 描述 |
|---|---|
| multiple | 规定可同时选择多个选项。 |
