<optgroup> - HTML(超文本标记语言) 编辑
HTML元素 <optgroup>
为<select>
元素中的选项创建分组。
内容分类 | 无 |
---|---|
允许的内容 | 0或多个 <option> 元素 |
标签省略 | 开始标签是必须的。当该元素后面也跟着一个 <optgroup> 元素,或该元素的父元素没有其他内容时,结束标签可省略。 |
允许的父元素 | 一个 <select> 元素. |
Implicit ARIA role | group |
Permitted ARIA roles | No role permitted |
DOM 接口 | HTMLOptGroupElement |
属性
这个元素包含 global attributes。
disabled
- 如果设置了这个布尔值,则不能选择这个选项组中的任何选项。通常浏览器会置灰这样的控件,它不接受任何浏览器事件,如鼠标点击或者焦点相关的事件。
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>
结果
规范
规范 | 状态 | 注释 |
---|---|---|
HTML Living Standard <optgroup> | Living Standard | |
HTML5 <optgroup> | Recommendation | |
HTML 4.01 Specification <optgroup> | Recommendation |
浏览器兼容性
BCD tables only load in the browser
另请参阅
- 其他表单相关的元素:
<form>
,<legend>
,<label>
,<button>
,<select>
,<datalist>
,<option>
,<fieldset>
,<textarea>
,<keygen>
,<input>
,<output>
,<progress>
和<meter>
。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论