<legend> 标签是 HTML 中用于为 <fieldset> 元素定义标题的标签。<fieldset> 元素用于将相关的表单元素进行分组,并提供这个分组的标题。<legend> 标签则用于为这个分组的标题提供文本内容。

以下是一个简单的使用 <fieldset> 和 <legend> 的例子:
<!DOCTYPE html>
<html>
<head>
  <title>Fieldset和Legend示例</title>
</head>
<body>
  <form>
    <fieldset>
      <legend>联系信息</legend>
      <label for="name">姓名:</label>
      <input type="text" id="name" name="name" required>
      <br>
      <label for="email">邮箱:</label>
      <input type="email" id="email" name="email" required>
    </fieldset>
    <br>
    <input type="submit" value="提交">
  </form>
</body>
</html>

在这个例子中,<fieldset> 元素用于将两个表单字段分组在一起,<legend> 标签则提供了这个分组的标题,即“联系信息”。

使用 <fieldset> 和 <legend> 有助于组织表单的结构,提高可访问性,并让用户更容易理解表单的不同部分。<fieldset> 可以包含多个表单元素,并且可以嵌套使用,以便更细致地组织表单。


转载请注明出处:http://www.zyzy.cn/article/detail/3870/HTML