HTML JSを使わずにform内の複数のinputから別々のパスにsubmitする

こんにちは。レモンティーです。

今回はinput type=submitのお話です。
developer.mozilla.org

HTML5からはjavascriptを使用しなくてもinputごとに別々のパスにpostできるようです。
やりかたはinputにformaction属性を指定するだけです。
form自体のactionと両方指定した場合はformactionが優先されるようです。

例えば以下の場合はボタンAではaaaに、ボタンBではzzzに、ボタンCではcccにpostされます。
便利ですね。

index.html

<form action='/zzz' method='post'>
  <input type='text' name='abc'>
  <input type='text' name='xyz'>
  <input type='submit' formaction='/aaa' value='ボタンA'>
  <input type='submit' value='ボタンB'>
  <input type='submit' formaction='/ccc' value='ボタンC'>
</form>


今回はこれでおしまいです。