HTML <legend> 标签

简介

HTML <legend> 标签用于为 <fieldset> 元素定义标题。这个标签可以使表单更具可读性和易用性，特别是当你有一组相关的输入字段时。

语法

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

在上述代码中，<legend> 标签用于为 <fieldset> 元素定义一个标题。这个标题会显示在 <fieldset> 的边框上方。

属性

<legend> 标签没有特定的属性，但是可以使用全局属性（如 class, id, style）。

示例

下面是一个简单的示例：

<form action="/submit_form" method="post">
  <fieldset>
    <legend>个人信息</legend>
    姓名: <input type="text"><br>
    邮箱: <input type="email"><br>
    电话号码: <input type="tel"><br>
  </fieldset>
</form>

在上述示例中，<legend> 标签用于为 <fieldset> 元素定义一个标题 "个人信息"。这可以帮助用户更轻松地理解并填写表单的相关部分。

浏览器支持

所有主流的现代浏览器都支持 <legend> 标签，包括 Chrome, Firefox, Safari 和 Edge。