formaction属性

button要素のformaction属性は、フォームデータ送信先URLを指定する属性。

ブラウザ対応

構文

<button type="submit" formaction="URL">ボタン名</button>

URL

URLに指定出来る値。

  • 絶対URL。例：http://html5.cyberlab.info/sample.php
  • 相対URL。例：sample.php

要点

  • formaction属性は、フォームデータ送信先URLを指定する属性である。
  • button要素のformaction属性に指定したフォームデータ送信先URLは、button要素が所属するform要素のaction属性に指定したフォームデータ送信先URLよりも優先される。
  • formaction属性は、button要素が送信ボタン（type属性がsubmit）であるときに使う。
  • formaction属性は、HTML5にて新たに導入された属性である。

サンプルコード

<button type="submit" formaction="sample.php">送信</button>

<button formaction="sample.php">送信</button>

サンプル

HTMLソースコード

<form method="post" target="_blank">
	<p>
		<label>
			１行テキスト入力欄：
			<input name="sampleName">
		</label>
	</p>
	<p>
		<button formaction="sample-button.php">type属性なし</button>
		<button type="submit" formaction="sample-button.php">送信ボタン</button>
		<button type="reset">リセットボタン</button>
		<button type="button">汎用ボタン</button>
	</p>
</form>

実際の表示