HTML | DOM OptionGroup 标签属性

<optgroup> 是 HTML 中的一个选项组标签，用于将 <option> 元素组合在一起，形成一个选项组。 <optgroup> 元素应该位于 <select> 元素内部。

以下是 <optgroup> 标签可用的一些属性：

属性列表

1. disabled

• 语法: disabled
• 描述: 如果设置了 disabled 属性，那么选项组将被禁用，用户将无法选择其中的任何选项。禁用的选项组将呈现为灰色，不可点击。
• 示例:

<select>
  <optgroup label="科目" disabled>
    <option value="math">数学</option>
    <option value="physics">物理</option>
    <option value="chemistry">化学</option>
  </optgroup>
</select>

2. label

• 语法: label="group_label"
• 描述: label 属性定义了选项组的标签，用于指定选项组的标题或描述。
• 示例:

<select>
  <optgroup label="科目">
    <option value="math">数学</option>
    <option value="physics">物理</option>
    <option value="chemistry">化学</option>
  </optgroup>
</select>

3. default

• 语法: default
• 描述: default 属性指定组中的选项是否应默认处于选中状态。
• 示例:

<select>
  <optgroup label="科目">
    <option value="math">数学</option>
    <option value="physics">物理</option>
    <option value="chemistry" default>化学</option>
  </optgroup>
</select>

4. 全局属性

此外，<optgroup> 标签还支持一些全局属性，如 class, id, style 等，这些属性在所有 HTML 元素中都可用。

总结

<optgroup> 标签允许程序员以逻辑组织的方式分组 <option> 元素，以便更好地控制和呈现选项列表。 disabled 属性可用于禁用整个选项组，而 label 属性用于提供选项组的标题或描述。通过 default 属性，可以指定选项组中的默认选项。

通过合理使用 <optgroup> 标签及其属性，程序员可以创建更具结构和可读性的 HTML 表单。