<optgroup>

概述

在一个web表单中, HTML元素 <optgroup> 会创建包含在一个 <select> 元素中的一组选项

Content categories
Permitted content 0或多个 <option> 元素
Tag omission The start tag is mandatory. The end tag is optional if this element is immediately followed by another <optgroup> element, or if the parent element has no more content.
允许的父元素 一个 <select> 元素.
DOM interface HTMLOptGroupElement

Note: Optgroup elements may not be nested.

属性

这个元素囊括 global attributes.

disabled
如果设置了这个布尔值,那么这个选项组中将没有选项是可以被选择的。通常浏览器会置灰这样的控件,它不会再接受任何浏览器事件,例如鼠标点击或者焦点相关的事件。
label
选项组的名字,当在用户界面标记(label)选项的时候可以被浏览器使用。使用这个元素时必须加上这个属性

Example

<select>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup>
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>

结果

规范

Specification Status Comment
WHATWG HTML Living Standard
<optgroup>
Living Standard  
HTML5
<optgroup>
Recommendation  
HTML 4.01 Specification
<optgroup>
Recommendation  

浏览器兼容

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 (Yes) (Yes) (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)

另请参阅

文档标签和贡献者