target属性

form要素のtarget属性は、フォームデータ送信先の開き方を指定する属性。

ブラウザ対応

構文

<form target="開き方"></form>

開き方(target属性値)

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

サンプルコード

新規ウィンドウ

<form action="sample.php" method="post" target="_blank">
	<p>入力欄: <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

現在のウィンドウ/フレーム

<form action="sample.php" method="post" target="_self">
	<p>入力欄: <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

ウィンドウ名

<form action="sample.php" method="post" target="windowName">
	<p>入力欄: <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

サンプル

HTMLソースコード

<form action="sample-form.php" method="post" target="_blank">
	<p>サンプル入力欄: <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

実際の表示

サンプル入力欄: