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

免责声明:本文来自互联网,本站所有信息(包括但不限于文字、视频、音频、数据及图表),不保证该信息的准确性、真实性、完整性、有效性、及时性、原创性等,版权归属于原作者,如无意侵犯媒体或个人知识产权,请来电或致函告之,本站将在第一时间处理。猿码集站发布此文目的在于促进信息交流,此文观点与本站立场无关,不承担任何责任。