如何使用 HTML 为字段集指定名称？

在 HTML 表单中，字段集用于将一组相关的表单元素组织在一起。在某些情况下，您可能需要为字段集指定一个名称，以便将其与其他表单元素区分开来。本文将介绍如何使用 HTML 为字段集指定名称。

为字段集指定名称的方法

要为字段集指定名称，请使用 legend 元素。legend 元素通常位于字段集的开头，用于说明该字段集包含哪些表单元素。以下是一个示例：

<fieldset>
  <legend>联系信息</legend>
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br>
  <label for="tel">电话：</label>
  <input type="tel" id="tel" name="tel"><br>
</fieldset>

上述代码创建了一个名为“联系信息”的字段集，并包含了三个表单元素：姓名、邮箱和电话。legend 元素的文本内容为“联系信息”。用户将根据此文本了解该字段集的目的。

总结

通过使用 legend 元素，您可以为 HTML 表单中的字段集指定名称，使其更易于组织和理解。在创建表单时，请记得使用这个简单的方法，它将增加表单的可读性和易用性。