multiple 属性的使用

66 阅读1分钟

定义和用法

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>

image.png

使用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>

image.png

参照案例:

www.w3school.com.cn/tags/att_se…