HTML参考手册
标签 | Elements
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) |
标签 | Elements相关
超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。