菜单和列表选项<SELECT><OPTION>

章烨烨
2023-12-01

假设现在需要在表单中添加这样一项内容:浏览者所在的城市,如果用单选按钮,就太多了,因此使用菜单和列表是很好的选择。

说到底,菜单和列表主要就是为了节省网页空间而产生的。

菜单是一种最节省空间的方式,正常状态下只能看到一个选项,单击按钮打开菜单后才能看到全部的选项。

列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来观看各选项。

基本语法:

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

定义了列表显示项目数量为4,全部显示出来。

例:

<SELECT name = "city">
 <option value = "beijing" selected>北京
 <option value = "shanghai">上海
 <option value = "nanjing">南京
 <option value = "guangzhou">广州
</SELECT>

这种就是菜单式的选项,可以有下拉符号的。

 类似资料: