formaction属性

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

ブラウザ対応

構文

<input formaction="URL">

URL

URLに指定出来る値。

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

要点

  • formaction属性は、フォームデータ送信先URLを指定する属性である。
  • input要素のformaction属性に指定したフォームデータ送信先URLは、input要素が所属するform要素action属性に指定したフォームデータ送信先URLよりも優先される。
  • formaction属性は、HTML5にて新たに導入された属性である。

formaction属性に対応しているinput要素のタイプ(type属性値)

サンプルコード

送信ボタン

<p><input type="submit" value="送信" formaction="sample.php"></p>

画像ボタン

<p><input type="image" src="sample.png" alt="送信" formaction="sample.php"></p>

サンプル

HTMLソースコード

<form method="post" target="_blank">
	<p>
		<label>
			1行テキスト入力欄:
			<input name="sampleName">
		</label>
	</p>
	<p>
		送信ボタン: <input type="submit" formaction="sample-input.php">
	</p>
	<p>
		画像ボタン: <input type="image" src="input-type-image.png" formaction="sample-input.php">
	</p>
</form>

実際の表示

送信ボタン:

画像ボタン: