<legend> 标签是 HTML5 中用于定义 <fieldset> 元素的标题的标签。<fieldset> 元素用于将一组相关的表单元素组织在一起,并使用 <legend> 标签为这组元素定义一个标题。以下是 <legend> 标签的基本结构:
<fieldset>
  <legend>表单标题</legend>
  <!-- 表单元素放在这里 -->
</fieldset>

在这个例子中,<legend> 标签用于定义 <fieldset> 元素的标题。这对于提供表单结构的可读性和可访问性非常有用。

示例:
<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>
  </fieldset>
</form>

在这个例子中,<fieldset> 用于包含两个表单元素(姓名和电子邮件),而 <legend> 用于定义这个字段集的标题,即“个人信息”。

这样的结构不仅可以通过样式提供外观上的组织,而且在辅助技术中,如屏幕阅读器,也能够更好地表达表单的结构。


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