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>