formaction 属性は、フォームの送信時にフォームデータを送信する場所を指定します。 この属性は、フォームの action 属性をオーバーライドします。
formaction 属性は、type="submit" を持つ input/button にのみ使用されます。
formaction 属性は、以下の要素で使用することができます：
| 要素 | 属性 |
|---|---|
| <button> | formaction |
| <input> | formaction |
2 つの submit ボタンを持つフォーム。最初の submit ボタンは "demo_form.html" へ、2 番目は "demo_admin.html" へ、フォームデータを送信します：
<form action="demo_form.html" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<button type="submit">Submit</button><br>
<button type="submit" formaction="demo_admin.html">Submit as admin</button>
</form>
Try it Yourself ❯
異なるアクションを持つ、2 つの submit ボタン付きフォーム：
<form action="demo_form.html">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit"><br>
<input type="submit" formaction="demo_admin.html" value="Submit as admin">
</form>
Try it Yourself ❯
formaction 属性は、要素ごとに以下のブラウザがサポートしています。
| 要素 | |||||
|---|---|---|---|---|---|
| button | 9.0 | 10.0 | 4.0 | 5.1 | 10.6 |
| input | 9.0 | 10.0 | 4.0 | 5.1 | 10.6 |