HTML legend标签

HTML legend标签是用于指定fieldset元素中的标题文本的标签。该标签有助于将相关表单元素组合在一起并提高表单的可读性。

用法

<legend> 标签必须作为 <fieldset> 的第一个子元素出现，并且通常用于提供有关整个字段集的描述信息。

以下是 <fieldset> 和 <legend> 一起的基本结构：

<fieldset>
  <legend>字段集的标题</legend>
  // 表单元素
</fieldset>

实例

以下是一个带有 <fieldset> 和 <legend> 的实例：

<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="phone">电话号码:</label>
    <input type="tel" id="phone" name="phone"><br><br>
  </fieldset>
</form>

属性

<legend> 标签只有一个属性，即 align 属性。它指定对齐方式。它的默认值是 "left"，还可以设置为 "center" 或 "right"。

总结

HTML legend标签是用于指定fieldset元素中的标题文本的标签。它提供有关整个字段集的描述信息，有助于将相关表单元素组合在一起并提高表单的可读性。