HTML 标签的 multiple 属性

multiple 属性规定可同时选择多个选项。支持 <input>, <select> 标签,其中 input 标签必须是 type=”file” 。


实例

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

  1. <html>
  2. <body>
  3. <select multiple="multiple" size="2">
  4. <option value="volvo">沃尔沃
  5. <option value="saab">萨博
  6. <option value="mercedes">梅赛德斯
  7. <option value="audi">奥迪
  8. </select>
  9. </body>
  10. </html>

定义和用法

multiple 属性规定可同时选择多个选项。支持 <input>, <select> 标签,其中 input 标签必须是 type=”file” 。

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

  • 对于 windows:按住 Ctrl 按钮来选择多个选项

  • 对于 Mac:按住 command 按钮来选择多个选项

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

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


浏览器支持

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


语法

  1. <select multiple="value">
属性值
描述
multiple 规定可同时选择多个选项。

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>input 标签的 multiple 属性</h1>
  5. <p>在浏览文件时尝试选择多个文件。</p>
  6. <form action="/html/html_form.aspx">
  7. <label for="files">Select files:</label>
  8. <input type="file" id="files" name="files" multiple><br><br>
  9. <input type="submit" value="提交">
  10. </form>
  11. </body>
  12. </html>