首页  >  文章  >  web前端  >  html中<option>标签的详解

html中<option>标签的详解

黄舟
黄舟原创
2017-07-03 10:04:1018063浏览

HTML 5a07473c87748fb1bf73f23d45547ab8标签

示例

一个拥有四个选项的选择列表:

<select>
  <option>沃尔沃</option>
  <option>萨博</option>
  <option>奔驰</option>
  <option>奥迪</option>
</select>

定义及用法

5a07473c87748fb1bf73f23d45547ab8标签用于定义选择列表中的一项。

5a07473c87748fb1bf73f23d45547ab8必须放在221f08282418e2996498697df914ce4e元素里。

浏览器支持

IE Firefox Chrome Safari Opera

有主流浏览器均支持5a07473c87748fb1bf73f23d45547ab8标签。

HTML和XHTML之间的差异

在HTML中,5a07473c87748fb1bf73f23d45547ab8元素不需要结束标签。

XHTML中,5a07473c87748fb1bf73f23d45547ab8标签必须正确地结束。

提示和注意

提示:当选择列表很长时,可以用5b7a15bed8615d1b843806256bebea72标签将相关选项集中起来,形成选项组。

可选属性

DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset

1695.png

【lable属性在部分浏览器中不被支持,比如firefox等】

【value属性,在firefox浏览器提交表单的时候必须指定,即使不需要提交数据也应该为其指定value="",否则在JSP开发时会抛出异常

核心属性

5a07473c87748fb1bf73f23d45547ab8标签支持以下核心属性:

1696.png

事件属性

5a07473c87748fb1bf73f23d45547ab8标签支持以下事件属性:

1697.png

示例

在5a07473c87748fb1bf73f23d45547ab8元素中使用label属性:

<select>
  <option label="Volvo">沃尔沃(拉丁语“向前滚”的意思)</option>
  <option label="Saab">萨博(“瑞典飞机有限公司”的意思)</option>
</select>

定义及用法

5a07473c87748fb1bf73f23d45547ab8标签的label属性用于定义一个选项的简短描述。

该简短描述将显示在下拉列表中。

只有IE 7及以上版本才支持5a07473c87748fb1bf73f23d45547ab8标签的label属性。

语法

<option label="value">

以上是html中<option>标签的详解 的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn