html optgroup标签怎么用

1. 简介

optgroup标签是HTML中用来创建分组选项的标签,分组选项一般用于表单控件中,方便用户选择。通过optgroup标签,可以将选项进行分组,使选项更加清晰明了。

2. 语法

optgroup标签是<select>标签的子标签,用来创建选项组。

<select>

<optgroup label="分组1">

<option>选项1-1</option>

<option>选项1-2</option>

</optgroup>

<optgroup label="分组2">

<option>选项2-1</option>

<option>选项2-2</option>

</optgroup>

</select>

2.1 optgroup标签属性

optgroup标签常用的属性如下:

label:用来指定组的名称。

disabled:用于禁止选择当前组中的选项。

3. 示例

下面是一个简单的示例,演示了怎样使用optgroup标签来创建一个选项组:

<select>

<optgroup label="水果">

<option>苹果</option>

<option>香蕉</option>

<option>梨</option>

<option>橙子</option>

</optgroup>

<optgroup label="蔬菜">

<option>西红柿</option>

<option>胡萝卜</option>

<option>土豆</option>

<option>白菜</option>

</optgroup>

</select>

渲染效果如下:

4. 总结

通过上面的介绍,我们可以发现optgroup标签可以很方便地创建选项分组,使得表单选项更加清晰明了。