web-dev-qa-db-ja.com

複数の「アクション」を含むHTMLフォーム

2つの「アクション」（2つのボタン）が必要なフォームを設定しています：

1-「承認のためにこのフォームを送信」
2-「このアプリケーションを後で保存する」

複数の「アクション」をサポートするHTMLフォームを作成するにはどうすればよいですか？

例えば：

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

これら2つの送信オプションを1つのフォームに組み合わせる必要があります。

私はいくつかの基礎的な研究を行いましたが、これが可能かどうかの決定的な答え、および/または回避策のためのリンクへの良いリソースを見つけることができませんでした。

前もって感謝します。

htmlformssubmit
63
Samuel Stiles

それを次のインフラストラクチャにする最良の方法（私にとって）：

<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>

この構造を使用すると、残りのボタンの方向と無限の可能性を入力して送信します。

20
Robert Blasco Villarroya

私はthymeleafを使用してテーブルを作成していますが、テーブル内には2つのボタンがあります...このスレッドは古いですが、まだ私がたくさん助けてくれます！

<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>
0
Rj Acain