可以有多个同名的 HTML 表单吗？

Question

我想这样做是有正当理由的，但这是一个很长的故事，所以我会忘记解释原因，只是问是否可以这样做。

我有一个页面需要多个具有相同名称的表单，但我只想提交其提交按钮为单击的表单。例如，我的页面上可能有以下内容：

<form name="input" action="" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

text

<form name="input" action="" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

text

<form name="input" action="" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

这可以接受吗？

Answer 1

关于 HTML 4.01 规范，您可以使用具有相同 name 属性的 form 元素，因为它们没有唯一性要求。但是，这样做违背了这些属性的目的。它们旨在使在客户端脚本中引用表单变得更容易：如果您有 <form name=foo>，则 document.foo 引用该表单。

当使用相同的name 属性时会发生什么是未定义的，但浏览器似乎做的是返回一个数组。在您的示例中，document.foo 将是一个 3 元素数组，document.foo[0] 是第一种形式。但这没什么用，因为（假设文档中没有其他形式）您可以使用document.forms[0]，具有明确的含义。

name 属性本身对于 form 元素来说已经过时了（但对于表单字段来说却不是，它一直是必不可少的）。 HTML 4.01 spec clause on form 说：

“name = cdata [CI] 此属性命名元素，以便可以从样式表或脚本中引用它。笔记。包含此属性是为了向后兼容。应用程序应该使用id 属性来识别元素。”

在 HTML5 草案中，即使是正式规则也不允许使用相同的 name 属性。 HTML5 clause on the name attribute on form 表示它的值“在它所在的forms 集合中的form 元素中必须是唯一的，如果有的话”。这是一个令人困惑的表述，但最安全的做法是假设它在文档的 form 元素中必须是唯一的。

Answer 2

是的，这是允许的，只有 id 必须是唯一的。但是我不推荐它，为什么还要让自己在路上感到困惑。

name 属性仅定义每个表单字段元素在发送到服务器时将被表示为什么。

Answer 3

在 HTML5 中也可以。只有名称在表单本身内必须是唯一的。

请参阅文档：“该值不能是空字符串，并且该值在它所在的表单集合中的表单元素中必须是唯一的，如果有的话。”

Answer 4

当用户单击提交按钮时，只会执行该表单。不过，最好给它们命名，这样你就不会感到困惑了:)