Question

我正在设置一个表单，其中我需要两个“动作”（两个按钮）：

1 - “提交此表格以供批准”
2 - “保存此应用程序以供日后使用”

如何创建支持多个“操作”的HTML表单？

EG：

<form class="form-horizontal" action="submit_for_approval.php">
<form class="form-horizontal" action="save_for_later.php">

我需要将这两个选项 - 提交 - 组合成一个表单。

我做了一些基础研究，但无法找到关于这是否可能的确切答案，和/或任何有关解决方法链接的好资源。

提前致谢。

Answer 1

正如@AliK所提到的，这可以通过查看提交按钮的值轻松完成。

提交表单时，未设置的变量将评估为false。如果您将两个提交按钮都设置为同一表单的一部分，则只需检查并查看已设置的按钮。

<强> HTML：

<form action="handle_user.php" method="POST" />
  <input type="submit" value="Save" name="save" />
  <input type="submit" value="Submit for Approval" name="approve" />
</form>

<强> PHP

if($_POST["save"]) {
  //User hit the save button, handle accordingly
}
//You can do an else, but I prefer a separate statement
if($_POST["approve"]) {
  //User hit the Submit for Approval button, handle accordingly
}

修改

<小时/> 如果您不想更改PHP设置，请尝试以下操作：http://pastebin.com/j0GUF7MV
这是@AliK正在考虑的JavaScript方法。

相关：

2x submit buttons to action different URL

Submit form to another page (which is different from the page used in ACTION)

Answer 2

最好的方式（对我而言）使它成为下一个基础设施：

<form method="POST">
<input type="submit" formaction="default_url_when_press_enter" style="visibility: hidden; display: none;">
<!-- all your inputs -->
<input><input><input>
<!-- all your inputs -->
<button formaction="action1">Action1</button>
<button formaction="action2">Action2</button>
<input type="submit" value="Default Action">
</form>

使用此结构，您将发送输入方向和其余按钮的无限可能性。

Answer 3

这真的很有效，因为我正在用百里香做一张桌子，并且桌子内部有两个按钮，一种形式...感谢老兄，即使这个线程很旧，仍然可以帮我很多忙！

<th:block th:each="infos : ${infos}">
<tr>
<form method="POST">
<td><input class="admin" type="text" name="firstName" id="firstName" th:value="${infos.firstName}"/></td>
<td><input class="admin" type="text" name="lastName" id="lastName" th:value="${infos.lastName}"/></td>
<td><input class="admin" type="email" name="email" id="email" th:value="${infos.email}"/></td>
<td><input class="admin" type="text" name="passWord" id="passWord" th:value="${infos.passWord}"/></td>
<td><input class="admin" type="date" name="birthDate" id="birthDate" th:value="${infos.birthDate}"/></td>
<td>
<select class="admin" name="gender" id="gender">
<option><label th:text="${infos.gender}"></label></option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</td>
<td><select class="admin" name="status" id="status">
<option><label th:text="${infos.status}"></label></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</td>
<td><select class="admin" name="ustatus" id="ustatus">
<option><label th:text="${infos.ustatus}"></label></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</td>
<td><select class="admin" name="type" id="type">
<option><label th:text="${infos.type}"></label></option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select></td>
<td><input class="register" id="mobileNumber" type="text" th:value="${infos.mobileNumber}" name="mobileNumber" onkeypress="return isNumberKey(event)" maxlength="11"/></td>
<td><input class="table" type="submit" id="submit" name="submit" value="Upd" Style="color: white; background-color:navy; border-color: black;" th:formaction="@{/updates}"/></td>
<td><input class="table" type="submit" id="submit" name="submit" value="Del" Style="color: white; background-color:navy; border-color: black;" th:formaction="@{/delete}"/></td>
</form>
</tr>
</th:block>

带有多个“动作”的HTML表单

3 个答案: