html - Button 中的 HTML 表单属性

Question

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

Answer 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。它易于维护，可重用（意味着它可以应用于任何具有 class 的表单submit-me，并且所有工作都由 jQuery 完成。请注意，在所有示例中，您不再需要表单的“经典”提交按钮。

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