HTML

标签

<legend> 标签用于为 <fieldset> 元素定义标题。

语法

<fieldset>
  <legend>title</legend>
  <!-- 包含一些表单元素 -->
</fieldset>

• <fieldset>： 定义一组相关的表单元素。
• <legend>： 定义 <fieldset> 元素的标题。

描述

<fieldset> 标签可以将一组表单元素封装在一起，而 <legend> 标签则可以为这个表单组添加一个标题。

<legend> 只能作为 <fieldset> 元素的第一个子元素出现。

示例

<form>
  <fieldset>
    <legend>个人信息</legend>
      <label>
        姓名：
        <input type="text" name="name">
      </label>
      <br>
      <label>
        年龄：
        <input type="text" name="age">
      </label>
  </fieldset>
</form>

约束

• <legend> 标签必须作为 <fieldset> 元素的第一个子元素。
• <legend> 标签只能包含纯文本或文本和内联元素。

兼容性

<legend> 标签在大多数主流浏览器中都得到了支持，包括 Chrome，Firefox，Safari，Edge 和 IE。

总结

<legend> 标签是一种定义表单组标题的简单方式，提高了表单的语义化。将表单元素放在 <fieldset> 元素中，并使用 <legend> 标签来指定标题，让网页具有更好的可访问性并提供更好的用户体验。