HTML中的optgroup标签用于在select标签中创建一组相关选项。optgroup标签可以设置以下属性:
其中,label属性是必需的,用于标识该组选项的名称。其余属性都是可选的,可以根据需要设置。需要注意的是,optgroup标签只能包含option标签作为子元素,不能包含其他元素。
示例代码:
<select>
<optgroup label="水果">
<option>苹果</option>
<option>香蕉</option>
<option>橙子</option>
</optgroup>
<optgroup label="蔬菜">
<option>西红柿</option>
<option>黄瓜</option>
<option>茄子</option>
</optgroup>
</select>
在上述示例中,使用了两个optgroup标签分别表示水果和蔬菜,每个optgroup标签包含了若干个option标签作为子元素,用于表示具体的选项。