概述
在一个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) |
另请参阅
- Other form-related elements:
<form>,<legend>,<label>,<button>,<select>,<datalist>,<option>,<fieldset>,<textarea>,<keygen>,<input>,<output>,<progress>and<meter>.