定义和用法
multiple 属性规定可同时选择多个选项。
在不同操作系统中,选择多个选项的差异:
- 对于 windows:按住 Ctrl 按钮来选择多个选项
- 对于 Mac:按住 command 按钮来选择多个选项
由于上述差异的存在,同时由于需要告知用户可以使用多项选择,对用户更友好的方式是使用复选框。
提示:可以把 multiple 属性与 size 属性配合使用,来定义可见选项的数目。
使用multiple 属性前
<div class="form-group">
<label for="city">请选择您去过的城市:</label>
<select name="" id="city" class="form-control">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select>
</div>
使用multiple 属性后
<div class="form-group">
<label for="city">请选择您去过的城市:</label>
<select multiple="multiple" name="" id="city" class="form-control" size="2">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select>
</div>
参照案例: