<legend>: 图例标签
最后更新：2026-10-13
<legend>图例标签
为 fieldset 提供可见的分组标题，必须作为 fieldset 的第一个子元素。
| 分类 | 表单 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </legend> 标签 |
| 状态 | 标准 |
📝 语法
<legend>分组标题</legend>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <legend> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： legend 只能出现在 fieldset 内部，且通常是第一个子元素。
❓ 常见问题
Qlegend 必须是 fieldset 的第一个子元素吗？
A是的，规范要求
<legend> 作为 <fieldset> 的第一个子元素，浏览器才能把它渲染为组边框上的标题文字，屏幕阅读器也以它作为组名朗读。Qlegend 可以用在 fieldset 之外吗？
A不可以，
<legend> 只在 <fieldset> 内有意义。普通分组的标题用 <h2>-<h6> 或 <p>；field 类分组才用 fieldset+legend。Qlegend 的样式可以自定义吗？
A可以，它接受常规 CSS（字体、颜色、背景）。有个经典布局技巧：legend 会「骑」在 fieldset 边框线上，可通过 margin 调整位置；浮动布局中 legend 还能当浮动第一个元素使用（历史特性）。
🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
