HTML中的 <legend>
标签用于为表单元素组创建标题,在视觉上将其与其它内容区分开。它通常与 <fieldset>
元素一起使用,用来定义一组表单相关的控件及其注释。
在表单中使用 <legend>
标签可以提高可访问性,使屏幕阅读器和其它辅助设备更容易理解表单内容的结构和含义。另外,它也能增加表单的可读性,使用户更易于理解表单要求收集的信息。
下面是一个示例:
<fieldset>
<legend>联系信息</legend>
<label for="name">姓名:</label>
<input type="text" name="name" id="name"><br><br>
<label for="email">电邮:</label>
<input type="email" name="email" id="email"><br><br>
<label for="phone">电话:</label>
<input type="tel" name="phone" id="phone">
</fieldset>
在这个示例中,<fieldset>
表示一个表单元素组,<legend>
指定了一个标题“联系信息”,接着后面是一些具体的表单输入元素。在浏览器上渲染时,这段代码将产生一个包含标签“联系信息”的框架,并将所有相关文本和输入控件放入其中。
需要注意的是,每个 fieldset
元素只支持一个 legend
元素。此外,即使 <fieldset>
元素中没有 <legend>
标签,仍可以创建一组相关的表单元素。