HTML <optgroup> label 属性

在 HTML 表单中,<optgroup> 元素用于将 <option> 元素进行分组。这样可以更好地组织表单中的选项,使用户更容易选择。<optgroup> 元素可以包含一个 label 属性,用于为分组添加一个描述性标签。

语法

<optgroup> <option>Option 1</option> <option>Option 2</option> </optgroup>

在上面的示例中,<optgroup> 元素包含了两个 <option> 元素,并且有一个 label 属性为 "group_label"。

使用场景

使用 <optgroup> 元素和 label 属性可以将相关的选项进行分组,从而帮助用户更容易地浏览和选择。例如,当一个表单中有多个相关的选项时,可以使用 <optgroup> 元素将它们分组在一起。

示例代码

-- -------------------- ---- -------
------
  --------
    --------- ---------------
      ------- ----------------------------
      ------- ------------------------------
    -----------
    --------- -------------------
      ------- ------------------------------
      ------- --------------------------------
    -----------
  ---------
-------

在上面的示例中,我们创建了一个包含两个 <optgroup> 元素的 <select> 元素。第一个 <optgroup> 包含了两个水果选项,第二个 <optgroup> 包含了两个蔬菜选项。

注意事项

  • <optgroup> 元素必须包含至少一个 <option> 元素。
  • <optgroup> 元素不能直接包含其他 <optgroup> 元素,但可以嵌套在 <select> 元素中。

希望通过本文的介绍,你能更好地理解和使用 HTML <optgroup> label 属性。如果有任何疑问或建议,欢迎留言讨论。

纠错
反馈