HTML5 input formaction属性指定提交表单时发送数据的动作

HTML5のinput要素でformaction属性を使うと、フォーム送信時に実行されるURLを指定できます。これはフォームのaction属性を上書きし、フォームのデータを別のURLに送信できます。

`formaction`属性を使用することで、フォームの`action`属性を変更することなく、異なる送信URLを指定できます。これは、 1つのページに複数の送信ボタンがあり、ボタンごとに異なる処理ロジックがある場合に非常に便利です。例えば、1つのページに「保存」と「削除」ボタンを配置し、それぞれフォームのデータを異なる処理URLに送信できます。

以下にサンプルコードを示します。

<form action="/save" method="post">
<input type="text" name="username" placeholder="Username">
<input type="submit" value="Save">
<input type="submit" value="Delete" formaction="/delete">
</form>

上記の例のように、フォームのaction属性は「/save」に設定されています。これは、このフォームの送信時にフォームデータを「/save」URLに送信することを意味します。一方、2つ目の送信ボタンのformaction属性は「/delete」に設定されています。これは、このボタンをクリックしたときにフォームデータを「/delete」URLに送信することを意味しています。

「formaction」属性が使用できるのは、typeが「submit」のinput要素のみであることに注意してください。