<option> | HTML选项标签的定义与用法

由 hcduguo

定义与用法

  • <option>标签定义<select>或<datalist>元素内的下拉列表中的选项。
  • 下拉列表必须至少包含一个<option>元素。
  • 可以使用<optgroup>元素对下拉列表的相关<option>进行分组。

语法格式

<option value=””>…..</option>  

示例代码

<select>  
    <option>-------选择你喜欢的颜色----------</option>  
    <option value="yellow" style="color: violet;">紫色</option>  
    <option value="white" style="color: blue;">蓝色</option>  
    <option value="black" style="color: black;">黑色</option>  
    <option value="green" style="color: green;">绿色</option>  
    <option value="red" style="color: red;">红色</option>  
</select>
效果展示：

HTML 与 XHTML差异

在 HTML 中，<option> 没有结束标签。在 XHTML 中，<option> 必须被正确关闭。

浏览器支持

所有浏览器都支持 <option> 标签。

可选的属性

属性值描述
disableddisabled规定此选项应在首次加载时被禁用。
labeltext定义当使用 <optgroup> 时所使用的标注。
selectedselected规定选项（在首次显示在列表中时）表现为选中状态。
valuetext定义送往服务器的选项值。

全局属性

<option> 标签支持 HTML 中的全局属性。

事件属性

<option> 标签支持 HTML 中的事件属性。

相关