HTML | DOM 字段集名称 属性

HTML描述了用于在网页浏览器中显示的网页内容，而DOM则提供了访问和操作HTML文档的API。字段集（fieldset）和名称属性是HTML | DOM中常用的属性之一。

字段集（fieldset）

字段集（fieldset）是一个HTML元素，用于将相关表单元素分组。可以使用

元素为字段集添加标题。字段集的常见用途是将一个表单分成多个部分，以使表单更易于阅读和使用。

以下是一个示例代码片段:

<form>
  <fieldset>
    <legend>Personal Information</legend>
    <label for="fname">First Name:</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">Last Name:</label>
    <input type="text" id="lname" name="lname"><br><br>
  </fieldset>
</form>

在这个示例中，我们使用

元素为字段集添加标题，并将两个文本输入框包含在该字段集中。此外，我们为标签使用了for属性，该属性将标签与其相应的输入元素关联起来，这样在用户单击标签时将焦点移动到相应的输入元素。

名称属性（name）

名称属性（name）是HTML | DOM中一个常用的属性，它可用于标识表单元素和其他元素。名称属性还可用于访问和操作表单元素的值以及向服务器发送表单数据。

以下是一个示例代码片段:

<form action="submit.php" method="post">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="Submit">
</form>

在这个示例中，我们为用户名输入框和密码输入框分别设置了名称属性。在提交表单时，这些名称属性将与输入框的值一起使用，从而向服务器发送表单数据。

总之，字段集和名称属性是HTML和DOM中常用的重要属性之一。它们使得表单更易于阅读和使用，同时也为表单数据的处理和提交提供了方便。