HTML <optgroup> 标签

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。

 

1. 范例

通过 <optgroup> 标签把相关的选项组合在一起：

<select>
  <optgroup label="Swedish Cars">
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value ="mercedes">Mercedes</option>
    <option value ="audi">Audi</option>
  </optgroup>
</select>

我要试一试

 

2. 浏览器支持

元素 Chrome IE Firefox Safari Opera
<optgroup> Yes Yes Yes Yes Yes

所有主流浏览器都支持 <optgroup> 标签。

 

3. HTML 与 XHTML 之间的差异

NONE

 

4. 必需的属性

属性 值 描述
label text 为选项组规定描述。

 

5. 可选的属性

属性 值 描述
disabled disabled 规定禁用该选项组。

 

6. 全局属性

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

 

7. 事件属性

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

HTML <option> 标签：option 元素定义下拉列表中的一个选项（一个条目）。浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。