HTML <fieldset> name 属性

在 HTML 中，<fieldset> 元素用于将表单中的一组相关表单控件组合在一起，并使用<legend>元素为这组控件添加标题。除了<legend>元素，<fieldset>还有一个重要的属性——name属性。

什么是name属性

name属性用于为<fieldset>元素命名，以便在表单提交时识别这个字段。当表单提交时，浏览器会将<fieldset>元素中的所有表单控件的值作为一个单独的数据块传递给服务器。通过为<fieldset>元素设置name属性，可以在服务器端更轻松地处理这些数据。

如何使用name属性

要为<fieldset>元素设置name属性，只需要在<fieldset>标签中添加name属性并指定一个值即可。例如：

// www.javascriptcn.com code example
<form action="/submit" method="post">
  <fieldset name="personal_info">
    <legend>Personal Information</legend>
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
  </fieldset>
</form>

在上面的示例中，我们为<fieldset>元素设置了name="personal_info"属性。当这个表单被提交时，服务器端可以通过检查personal_info字段来获取这个<fieldset>元素中所有表单控件的值。

注意事项

• name属性的值应该是唯一的，不同的<fieldset>元素应该有不同的name属性值，以避免混淆。
• 在处理表单数据时，需要根据name属性的值来识别不同的数据块，确保服务器端能正确解析这些数据。

通过合理使用<fieldset>元素的name属性，我们可以更加有效地处理表单数据，提高网站的用户体验和数据处理效率。