formtarget属性

input要素のformtarget属性は、データ送信先の開き方を指定する属性。

ブラウザ対応

構文

<input formtarget="開き方">

開き方

_blank
新規ウィンドウに開く。
_self
現在のウィンドウ、現在のフレームに開く。
_parent
親ウィンドウ、親フレームに開く。
_top
ウィンドウ全体に開く。フレームは解除する。
ウィンドウ名
指定したウィンドウ名のウィンドウに開く。
フレーム名
指定したフレーム名のフレームに開く。

要点

  • formtarget属性は、データ送信先の開き方を指定する属性である。
  • input要素のformtarget属性に指定した開き方は、input要素が所属するform要素のtarget属性に指定した開き方よりも優先される。
  • formtarget属性は、HTML5にて新たに導入された属性である。

formtarget属性に対応しているinput要素のタイプ（type属性値）

submit image

サンプルコード

送信ボタン

<p><input type="submit" value="送信" formtarget="_blank"></p>

画像ボタン

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

サンプル

HTMLソースコード

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

実際の表示

送信ボタン：

画像ボタン：