optgroup
在一个web表单中, HTML元素?<optgroup> 会创建包含在一个?<select> 元素中的一组选项
内容类别 | 没有。 |
|---|---|
允许的内容 | 零个或多个<option>元素。 |
标记遗漏 | 开始标记是强制??性的。如果此元素之后紧跟着另一个<optgroup>元素，或者父元素没有更多内容，则结束标记是可选的。 |
允许父级 | 一个<select>元素。 |
允许ARIA角色 | 没有 |
DOM界面 | HTMLOptGroupElement |
注意： Optgroup元素可能不是嵌套的。
属性
这个元素包含全局属性。
disabled如果设置了这个布尔值，那么这个选项组中将没有选项是可以被选择的。通常浏览器会置灰这样的控件，它不会再接受任何浏览器事件，例如鼠标点击或者焦点相关的事件。
label选项组的名字，当在用户界面标记(label)选项的时候可以被浏览器使用。使用这个元素时必须加上这个属性
例子
<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 |
|---|---|---|
HTML Living StandardThe definition of '<optgroup>' in that specification. | Living Standard | ? |
HTML5The definition of '<optgroup>' in that specification. | Recommendation | ? |
HTML 4.01 SpecificationThe definition of '<optgroup>' in that specification. | Recommendation | ? |
浏览器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | No | (Yes) | (Yes) |
disabled | (Yes) | (Yes) | (Yes) | No | (Yes) | (Yes) |
label | (Yes) | (Yes) | (Yes) | No | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | No | ? | (Yes) |
disabled | (Yes) | (Yes) | (Yes) | (Yes) | No | ? | (Yes) |
label | (Yes) | (Yes) | (Yes) | (Yes) | No | ? | (Yes) |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
