科技知识动态:html中<option>标签的详解

导读 跟大家讲解下有关html中<option>标签的详解 ,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说html中<option>标签的详解 ,

跟大家讲解下有关html中<option>标签的详解 ,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说html中<option>标签的详解 ,小编也收集到了有关html中<option>标签的详解 的相关资料,希望大家看到了会喜欢。

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>标签的详解 的详细内容,更多请关注php中文网其它相关文章!

来源:php中文网

免责声明:本文由用户上传,如有侵权请联系删除!