: 选项组标签

最后更新：2026-09-12

<optgroup>选项组标签

在 select 中将 option 按逻辑分组，显示为不可选的组标题。

<select>
  <optgroup label="水果">
    <option>苹果</option>
  </optgroup>
</select>

该元素支持全局属性及以下专有属性：

属性	值	描述
`label`		组的标题文字（必填）。
`disabled`		禁用该组全部选项。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<optgroup>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： optgroup 不能嵌套，且里面的 option 不能直接放在 optgroup 外。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。