formtarget属性

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

ブラウザ対応

構文

<button type="submit" formtarget="開き方">ボタン名</button>

開き方

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

要点

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

サンプルコード

_blank

新規ウィンドウに開く。

<button type="submit" formtarget="_blank">送信</button>

<button formtarget="_blank">送信</button>

_self

現在のウィンドウ、現在のフレームに開く。

<button type="submit" formtarget="_self">送信</button>

<button formtarget="_self">送信</button>

サンプル

HTMLソースコード

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

実際の表示