HTML <legend> 表单属性

在 HTML 表单中，<legend> 元素用于给字段集（<fieldset>）定义一个标题或说明。

<fieldset> 元素用于将相关的表单元素组合在一起，而 <legend> 元素则为该组合的标题或说明提供可访问的描述。

语法

<fieldset>
  <legend>标题或说明</legend>
  <!-- 表单元素 -->
</fieldset>

示例

<form>
  <fieldset>
    <legend>个人信息</legend>
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name"><br><br>
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="password">密码:</label>
    <input type="password" id="password" name="password">
  </fieldset>
</form>

解释

• <fieldset> 元素定义了一个字段集，用于将相关的表单元素组合在一起。
• <legend> 元素定义了 <fieldset> 元素的标题或说明。
• <label> 元素用于为表单元素定义标签，通过关联 <label> 和相应的表单元素的 id 属性，可以提供更好的可访问性。
• 在上面的示例中，"个人信息" 是<legend>元素的内容，用于描述包含姓名、邮箱和密码字段的字段集。

注意事项

• <legend> 元素应紧随在 <fieldset> 元素的后面。