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

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

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

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

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

基本语法:

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

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

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值