HTML <legend> 元素

HTML <legend> 元素表示其父级 <fieldset> 的内容的标题。

使用 <legend> 作为 <fieldset> 的标题:

<form>
  <fieldset>
    <legend>人员:</legend>
    名称:<input type="text" size="30">
    <br>邮箱:<input type="text" size="30">
    <br>生日:<input type="text" size="10">
  </fieldset>
</form>

尝试一下 »

截图

使用 <legend> 作为 <fieldset> 的标题

特性

内容类别 无。
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 一个 <fieldset>,其第一个子元素是这个 <legend> 元素
允许的 ARIA 角色
DOM 接口 HTMLLegendElement

属性

该元素包含了全局属性

align

已废弃 HTML4.01已过时 HTML5

表示 <fieldset> 中的标题定义对齐方式。不建议使用,请使用样式代替。可选值有:

  • top
  • bottom
  • left
  • right

事件属性

<legend> 元素支持所有 HTML事件属性

更多实例

有关 <legend> 的示例,请参阅 <form>

规范

规范 状态 备注
HTML Living Standard
<legend> 的定义
现行的标准 定义了 legend 元素
HTML Living Standard 现行的标准 建议了 fieldsetlegend 元素的默认渲染效果
HTML5
<legend> 的定义
推荐 -
HTML 4.01 Specification
<legend> 的定义
推荐 初始定义

HTML 4.01 与 HTML5 之间的差异

在 HTML 4.01 中 align 属性已被废弃, HTML5 不支持该属性。不建议使用。 请使用 CSS 来设置 <legend> 元素的对齐方式。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 1 不支持 支持 支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1 不支持 未知 支持

相关链接