HTML form with multiple actions

Question

I m setting up a form wherein I need two  actions   two buttons    1 -  Submit this form for approval  2 -  Save this application for later   How do I create an HTML form that supports multiple  actions    EG    lt form class  form-horizontal  action  submit for approval php  gt   lt form class  form-horizontal  action  save for later php  gt   I need to combine these two options-for-submitting into one form   I did some basic research but couldn t find a definitive answer as to whether or not this is possible  and or any good resources to links for a workaround   Thanks in advance

User · Answer

this really worked form for I am making a table using thymeleaf and inside the table there is two buttons in one form...thanks man even this thread is old it still helps me alot!

_x000D_

<th:block th:each="infos : ${infos}">_x000D_
<tr>_x000D_
<form method="POST">_x000D_
<td><input class="admin" type="text" name="firstName" id="firstName" th:value="${infos.firstName}"/></td>_x000D_
<td><input class="admin" type="text" name="lastName" id="lastName" th:value="${infos.lastName}"/></td>_x000D_
<td><input class="admin" type="email" name="email" id="email" th:value="${infos.email}"/></td>_x000D_
<td><input class="admin" type="text" name="passWord" id="passWord" th:value="${infos.passWord}"/></td>_x000D_
<td><input class="admin" type="date" name="birthDate" id="birthDate" th:value="${infos.birthDate}"/></td>_x000D_
<td>_x000D_
<select class="admin" name="gender" id="gender">_x000D_
<option><label th:text="${infos.gender}"></label></option>_x000D_
<option value="Male">Male</option>_x000D_
<option value="Female">Female</option>_x000D_
</select>_x000D_
</td>_x000D_
<td><select class="admin" name="status" id="status">_x000D_
<option><label th:text="${infos.status}"></label></option>_x000D_
<option value="Yes">Yes</option>_x000D_
<option value="No">No</option>_x000D_
</select>_x000D_
</td>_x000D_
<td><select class="admin" name="ustatus" id="ustatus">_x000D_
<option><label th:text="${infos.ustatus}"></label></option>_x000D_
<option value="Yes">Yes</option>_x000D_
<option value="No">No</option>_x000D_
</select>_x000D_
</td>_x000D_
<td><select class="admin" name="type" id="type">_x000D_
<option><label th:text="${infos.type}"></label></option>_x000D_
<option value="Yes">Yes</option>_x000D_
<option value="No">No</option>_x000D_
</select></td>_x000D_
<td><input class="register" id="mobileNumber" type="text" th:value="${infos.mobileNumber}" name="mobileNumber" onkeypress="return isNumberKey(event)" maxlength="11"/></td>_x000D_
<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>_x000D_
<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>_x000D_
</form>_x000D_
</tr>_x000D_
</th:block>

_x000D_

User · Answer

As  AliK mentioned  this can be done easily by looking at the value of the submit buttons   When you submit a form  unset variables will evaluate false  If you set both submit buttons to be part of the same form  you can just check and see which button has been set   HTML     lt form action  handle user php  method  POST    gt     lt input type  submit  value  Save  name  save    gt     lt input type  submit  value  Submit for Approval  name  approve    gt   lt  form gt    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     EDIT  If you d rather not change your PHP setup  try this  http   pastebin com j0GUF7MV  This is the JavaScript method  AliK was reffering to   Related    2x submit buttons to action different URL Submit form to another page  which is different from the page used in ACTION

User · Answer

the best way  for me  to make it it s the next infrastructure     lt form method  POST  gt   lt input type  submit  formaction  default url when press enter  style  visibility  hidden  display  none   gt   lt  -- all your inputs -- gt   lt input gt  lt input gt  lt input gt   lt  -- all your inputs -- gt   lt button formaction  action1  gt Action1 lt  button gt   lt button formaction  action2  gt Action2 lt  button gt   lt input type  submit  value  Default Action  gt   lt  form gt    with this structure you will send with enter a direction and the infinite possibilities for the rest of buttons

[html] HTML form with multiple "actions"

Examples related to html

Examples related to forms

Examples related to submit