Html代码: optgroup - 选项组元素

在HTML中，optgroup元素用于创建一个选项组，它可以将相关的选项分组显示。optgroup元素通常与select元素一起使用，用于创建下拉列表。

语法

optgroup元素的语法如下：

<select>
  <optgroup label="group_label">
    <option value="value1">Option 1</option>
    <option value="value2">Option 2</option>
    ...
  </optgroup>
</select>

在上面的语法中，select元素用于创建下拉列表，optgroup元素用于创建选项组，label属性用于指定选项组的标签，option元素用于创建选项。

示例

下面是一个使用optgroup元素的示例：

<select>
  <optgroup label="水果">
    <option value="apple">苹果</option>
    <option value="banana">香蕉</option>
    <option value="orange">橙子</option>
  </optgroup>
  <optgroup label="蔬菜">
    <option value="carrot">胡萝卜</option>
    <option value="tomato">番茄</option>
    <option value="cucumber">黄瓜</option>
  </optgroup>
</select>

上面的示例中，我们创建了一个下拉列表，其中包含两个选项组：水果和蔬菜。每个选项组下面有几个选项。

效果

上面示例代码的运行结果如下：

苹果
香蕉
橙子

胡萝卜
番茄
黄瓜

总结

通过使用optgroup元素，我们可以将相关的选项分组显示，使下拉列表更加清晰和易于使用。

请注意，optgroup元素只能包含option元素，不能包含其他任何元素。

如果您想了解更多关于HTML代码的内容，请访问我们的官网：https://www.idc.net。