<optgroup>|HTML选项分组标签的定义与用法

2020年11月29日2021年1月21日

定义与用法

<optgroup> 标签定义选项组，用于对<select>标签内的<options>选项进行分组。
将<optgroup>标签与<select>标签经常搭配使用，让下拉列表访问更轻松。

语法格式

< optgroup label = “” > …….. </ optgroup >

示例代码

<label>选择你喜欢的教程：</label><br>  
<select>  
        <optgroup label="IT教程">  
        <option value="HTML">HTML教程</option>  
        <option value="JAVA">JAVA教程</option>  
        <option value="PHP">PHP教程</option>  
        <option value="PYTHON">PYTHON教程</option>  
     </optgroup>  
     <optgroup label="设计教程">  
        <option value="photoshop">PhotoShop教程</option>  
        <option value="autocad">Autocad教程</option>  
        <option value="3dmax">3DMAX教程</option>  
        <option value="rhino">犀牛教程</option>       
     </optgroup>  
</select>

效果展示：

选择你喜欢的教程：

浏览器支持

所有主流浏览器都支持 <optgroup> 标签。

必需的属性

属性	值	描述
label	text	为选项组规定描述。

可选的属性

属性	值	描述
disabled	disabled	规定禁用该选项组。

全局属性

<optgroup> 标签支持 HTML 中的全局属性。

事件属性

<optgroup> 标签支持 HTML 中的事件属性。