HTML5+CSS3从入门到精通之HTML option 标签-职坐标

HTML5+CSS3从入门到精通之HTML option 标签

沉沙 2019-12-11 来源：阅读 771 评论 0

摘要：本篇文章探讨了HTML5+CSS3从入门到精通之HTML option 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

本篇文章探讨了HTML5+CSS3从入门到精通之HTML option 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

HTML5+CSS3从入门到精通之HTML option 标签

实例
创建带有 4 个选项的选择列表：
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
尝试一下 »
浏览器支持
Internet Explorer Firefox Opera Google Chrome Safari
大多数主流浏览器支持 <option> 标签。
标签定义及使用说明
The <option> 标签定义下拉列表中的一个选项（一个条目）。
<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。
提示和注释
注释：<option> 标签可以在不带有任何属性的情况下使用，但是您通常需要使用 value 属性，此属性会指示出被送往服务器的内容。
注释：请与 select 元素配合使用此标签，否则这个标签是没有意义的。
提示：如果列表选项很多，可以使用 <optgroup> 标签对相关选项进行组合。
属性
属性值描述
disabled disabled 规定此选项应在首次加载时被禁用。
label text 定义当使用 <optgroup> 时所使用的标注。
selected selected 规定选项（在首次显示在列表中时）表现为选中状态。
value text 定义送往服务器的选项值。
全局属性
<option> 标签支持全局属性，查看完整属性表 HTML全局属性。
事件属性
<option> 标签支持所有 HTML事件属性。