Button 中的 HTML 表单属性答案

【问题标题】：HTML Form attribute in ButtonButton 中的 HTML 表单属性
【发布时间】：2013-01-23 17:08:11
【问题描述】：

我的 html 文件中有两个表单。他们都通过一键提交。我可以用这个按钮连接两个表单吗？就像是 <button form="firstFormId secondFormId"> Save </button>。这会有意义吗？

【问题讨论】：

这可能不起作用，因为form 属性似乎不需要列表；另一方面，如果两种形式具有不同的target，您的概念/期望的行为可能会起作用（我认为）。但是你必须使用 JS 来提交这些。

标签： html forms button

【解决方案1】：

您有多种解决方案可以做到这一点，如果您正在使用它，我会使用 javascript，甚至更好的是 jQuery。

如果您不使用 jquery，使用 javascript 您可以执行以下操作：

在页面某处放置“提交”链接：

<a href="javascript: submitform()">Submit</a>

为每个表单指定一个唯一的名称，例如“myform1”和“myform2”。然后在您的页面中包含以下内容：

<script type="text/javascript">
    function submitform(){
          document.myform1.submit(); // submit form 1
          document.myform2.submit(); // submit form 2
    }
</script>

不要调用外部函数，为了让事情尽可能简单，在将名称分配给表单后，您甚至可以简单地放置以下链接：

<a href="javascript: document.myform1.submit();document.myform2.submit();">Submit</a>

如果您使用的是 jQuery，我建议您采用这种方式，您可以简单地将给定的类分配给两种表单，比如“submit-me”，然后添加到您的代码中：

$('.submit-me').submit()

在以上所有内容中，我肯定会推荐最后一个，它依赖于 jQuery。它易于维护，可重用（意味着它可以应用于任何具有submit-me 类的表单，并且所有工作都由 jQuery 完成。请注意，在所有示例中，您不再需要表单的“经典”提交按钮。

未测试，但我希望它能满足要求！ :-)

【讨论】：