HTML DOM Legend 对象

在 HTML 中，<legend> 元素通常与<fieldset> 元素一起使用，用于为<fieldset>元素中的表单控件组添加标题。<legend> 元素必须是<fieldset>元素的第一个子元素，并且每个<fieldset>元素只能有一个<legend>元素。

语法

<fieldset>
  <legend>Legend Title</legend>
  <!-- fieldset content goes here -->
</fieldset>

属性

• align: 指定<legend>元素的文本对齐方式，可选值有left、right和center。

示例

<fieldset>
  <legend align="center">Personal Information</legend>
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
</fieldset>

在上面的示例中，<legend>元素用于给包含个人信息的<fieldset>元素添加标题，并且标题居中显示。

<legend>元素的灵活运用可以让表单更加清晰易读，提高用户体验。