如何在 HTML5 中为 fieldset 元素定义标题？

在 HTML5 中，<fieldset> 元素用于将表单的一系列相关表单元素组合在一起，以便更好地描述表单中不同部分之间的语义关系。为了更好地描述这个关系，我们需要为 <fieldset> 元素定义一个标题。

如何定义标题

为 <fieldset> 元素定义标题，我们可以使用 <legend> 元素。<legend> 元素必须是 <fieldset> 元素的第一个子元素。<legend> 元素的内容将作为 <fieldset> 元素的标题，可以是任何文本或标记。

以下是一个示例：

<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>
</fieldset>

在上面的示例中，<fieldset> 元素有一个标题 "个人信息"，使用 <legend> 元素定义。

注意事项

• <legend> 元素必须是 <fieldset> 元素的第一个子元素。
• 只能为每个 <fieldset> 元素定义一个标题。
• <legend> 元素应该只包含文本和标记，不应该包含交互式元素。

现在，您已经知道如何在 HTML5 中为 <fieldset> 元素定义标题了。这些小技巧有时候是非常有用的，特别是当您需要将一组表单元素组织在一起时。