HTML <optgroup> 标签
主题：HTML5 标签参考上一页|下一页
说明
<optgroup> 标签在 <select> 元素定义的下拉列表中定义一组选项。 下拉列表提供的每个选项都由 <option> 标签定义。 一个 <select> 元素必须至少包含一个 <option> 元素。
下表总结了此标签的使用上下文和版本历史。
| Parent: | <select> |
|---|---|
| Content: | One or more <option> elements |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | HTML 4, 4.01, 5 |
注意： <optgroup> 元素不能嵌套。 此元素应仅出现在 <select> 元素的上下文中。
语法
<optgroup> 标签的基本语法如下：
HTML / XHTML: <optgroup label="text"> ... </optgroup>
下面的示例显示了 <optgroup> 标签的作用。
<select>
<optgroup label="Sports cars">
<option value="ferrari">Ferrari</option>
<option value="lamborghini">Lamborghini</option>
</optgroup>
<optgroup label="Luxury cars">
<option value="mercedes">Mercedes</option>
<option value="bentley">Bentley</option>
</optgroup>
</select>提示：当用户必须从一长串选项中进行选择时，相关选项的分组特别有用； 一组相关选项比一长串选项更容易掌握和访问。
标签特定属性
下表显示特定于 <optgroup> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
| Required — 必须在此标签上指定以下属性才能使标签有效。 | ||
label |
text | 指定一组选项的标签。 |
| Optional — 以下属性是可选的。 | ||
disabled |
disabled |
此布尔属性表示封闭的选项集已禁用，即选项组中的所有项目均不可选择。 |
全局属性
与所有其他 HTML 标签一样， <optgroup> 标签支持 HTML5 中的全局属性。
事件属性
<optgroup> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <optgroup> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 表单.
其他与表单相关的标签： <form>, <fieldset>, <legend>, <label>, <input>, <textarea>, <select>, <option>, <button>.
Advertisements