在 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 属性。如果有任何疑问或建议,欢迎留言讨论。