HTML <optgroup> 标签

<optgroup> 标签用于将 <option> 元素分组在 <select> 元素中。通常在下拉列表中使用以创建更有组织性的选项。

语法

// www.javascriptcn.com code example
<select>
  <optgroup label="Group 1">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </optgroup>
  <optgroup label="Group 2">
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </optgroup>
</select>

属性

• label: 指定 <optgroup> 组的标签名称。

示例

// www.javascriptcn.com code example
<select>
  <optgroup label="Fruits">
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
  </optgroup>
  <optgroup label="Vegetables">
    <option value="carrot">Carrot</option>
    <option value="lettuce">Lettuce</option>
  </optgroup>
</select>

在上面的示例中，我们创建了一个包含两个组的下拉列表。第一个组包含水果选项，第二个组包含蔬菜选项。

<optgroup> 标签可以帮助用户更容易地找到他们想要选择的选项，提高用户体验。