HTML 标签介绍

HTML 中的 标签可用于将选项分组，以帮助用户更好地浏览和选择选项。

语法

<select>
  <optgroup label="Group 1">
    <option value="opt1">Option 1</option>
    <option value="opt2">Option 2</option>
  </optgroup>
  <optgroup label="Group 2">
    <option value="opt3">Option 3</option>
    <option value="opt4">Option 4</option>
  </optgroup>
</select>

属性说明

<optgroup> 可以包含以下属性：

• label：必需属性，定义选项组的标签。

标签说明

<optgroup> 标签必须嵌套在 <select> 标签中，并且只能包含 <option> 标签。一个 <select> 标签可以包含多个 <optgroup> 标签。

示例

这是一个带有两个选项组的示例：

<select>
  <optgroup label="Fruits">
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
    <option value="orange">Orange</option>
  </optgroup>
  <optgroup label="Vegetables">
    <option value="carrot">Carrot</option>
    <option value="lettuce">Lettuce</option>
    <option value="tomato">Tomato</option>
  </optgroup>
</select>

它将产生以下结果：

总结