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标签可以很方便地创建选项分组,使得表单选项更加清晰明了。