当前位置:Gxlcms > html代码 > html中<option>标签的详解

html中<option>标签的详解

时间:2021-07-01 10:21:17 帮助过:87人阅读

HTML <option>标签

示例

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

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

定义及用法

<option>标签用于定义选择列表中的一项。

<option>必须放在<select>元素里。

浏览器支持

IE Firefox Chrome Safari Opera

有主流浏览器均支持<option>标签。

HTML和XHTML之间的差异

在HTML中,<option>元素不需要结束标签。

XHTML中,<option>标签必须正确地结束。

提示和注意

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

可选属性

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

1695.png

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

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

核心属性

<option>标签支持以下核心属性:

1696.png

事件属性

<option>标签支持以下事件属性:

1697.png

示例

在<option>元素中使用label属性:

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

定义及用法

<option>标签的label属性用于定义一个选项的简短描述。

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

只有IE 7及以上版本才支持<option>标签的label属性。

语法

<option label="value">

以上就是html中<option>标签的详解 的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行