假设现在需要在表单中添加这样一项内容:浏览者所在的城市,如果用单选按钮,就太多了,因此使用菜单和列表是很好的选择。
说到底,菜单和列表主要就是为了节省网页空间而产生的。
菜单是一种最节省空间的方式,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。
列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来观看各选项。
基本语法:
<SELECT name = "name" (size = value multiple)>
<OPTION value = "value" (Selected)>选项
<OPTION value = "value" >选项
...
</SELECT>
name:菜单和列表的名称
size:显示的选项数目
multiple:列表中的项目多选
value:选项值
selected:默认选项
例:
<SELECT name = "music" size = 4 multiple>
<option value = "rock" selected>摇滚乐
<option value = "pop">流行乐
<option value = "jazz">爵士乐
<option value = "nation">民族乐
</SELECT>
例:
<SELECT name = "city">
<option value = "beijing" selected>北京
<option value = "shanghai">上海
<option value = "nanjing">南京
<option value = "guangzhou">广州
</SELECT>