html - HTML 不同部分中的多个表单

Question

我的页面中有几个部分需要包含在同一个form标​​签下，但这样做会破坏 HTML。例如：

<div>
<form name="firstform">
    <input type="text" name="input1" />
    <input type="text" name="input2" />
    <input type="text" name="input3" />
</div>
<p>bla bla</p>
<div>
<form name="secondform">
    <input type="text" name="one" />
</form>

    <input type="text" name="input4">
</form>

所以基本上我想提交表格firstform，但以一种包括input4但不提交的方式secondform？

编辑：

我有一个很长的页面，里面有很多输入，在页面中间我有一个不同的表单，用于允许文件上传，我想保留它在页面中的位置，但是，在那部分之后我有一个第一种形式的延续。所以我有第一个表格，然后是另一个带有文件上传的表格，然后是第一个表格的其余部分。

Answer 1

如果您想拥有多个表单，请使用一个带有多个提交按钮的表单标签。给按钮名称和值以及用户提交表单的时间，在后端检查哪个按钮已被按下。

Answer 2

您可以简单地添加一个带有 onClick 事件的 html 按钮，该事件调用一个函数来模拟嵌套表单。如果第二种形式的 onSubmit 函数是纯 javaScript，这可能是一个快速剪切/粘贴。如果您的第二种形式与服务器通信，您将不得不跳入一些 AJAX。