HTML 标签的 multiple 属性
multiple 属性规定可同时选择多个选项。支持 <input>, <select> 标签,其中 input 标签必须是 type=”file” 。
实例
允许在下拉列表中进行多选:
<html>
<body>
<select multiple="multiple" size="2">
<option value="volvo">沃尔沃
<option value="saab">萨博
<option value="mercedes">梅赛德斯
<option value="audi">奥迪
</select>
</body>
</html>
定义和用法
multiple 属性规定可同时选择多个选项。支持 <input>, <select> 标签,其中 input 标签必须是 type=”file” 。
在不同操作系统中,选择多个选项的差异:
对于 windows:按住 Ctrl 按钮来选择多个选项
对于 Mac:按住 command 按钮来选择多个选项
由于上述差异的存在,同时由于需要告知用户可以使用多项选择,对用户更友好的方式是使用复选框。
提示:可以把 multiple 属性与 size 属性配合使用,来定义可见选项的数目。
浏览器支持
所有浏览器都支持 multiple 属性。
语法
<select multiple="value">
属性值
值 | 描述 |
---|---|
multiple | 规定可同时选择多个选项。 |
更多实例
<!DOCTYPE html>
<html>
<body>
<h1>input 标签的 multiple 属性</h1>
<p>在浏览文件时尝试选择多个文件。</p>
<form action="/html/html_form.aspx">
<label for="files">Select files:</label>
<input type="file" id="files" name="files" multiple><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>