このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

form”要素~“target”属性

記事May 11th,2016
July 15th, 2020
フォームの送信時の応答画面の表示方法を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

target”属性について

target”属性はフォームの送信時の応答画面の表示方法を指定します。

フォームの送信ボタンとなるbutton”要素input”要素に“formtarget”属性が指定されている場合は“formtarget”属性が優先されます。

指定できる値

属性値 説明
_blank 新しいブラウジング・コンテキストに表示
_self 現在のブラウジング・コンテキストに表示
_parent 現在のブラウジング・コンテキストの1つ上位のブラウジング・コンテキストに表示
_top 現在のブラウジング・コンテキストの最上位のブラウジング・コンテキストに表示
ブラウジング・コンテキスト名 任意のブラウジング・コンテキストに表示

_parent”と“_top”は上位のブラウジング・コンテキストがない場合は“_self”と同じになります。

iframe”要素によって入れ子にされたブラウジング・コンテキストは“target”属性にそのname”属性の値を指定することで応答画面を表示するブラウジング・コンテキストとして指定することができます。

入れ子になったブラウジング・コンテキストの中に配置されたリンクから上位のブラウジング・コンテキストに応答画面を表示する場合“_parent”もしくは“_top”を使用します。

サンプルコード

<form method="post" action="sample-formtag3.php" target="_blank">
<fieldset>
<legend>あなたの猫の情報</legend>
<p><label>名前:<input type="text" name="name"></label></p>
<p>
<label>色:
<select name="color">
<option value="白">白</option>>
<option value="黒">黒</option>
<option value="白黒">白黒</option>
<option value="キジトラ">キジトラ</option>
<option value="茶トラ">茶トラ</option>
<option value="三毛">三毛</option>
<option value="その他">その他</option>
</select>
</label>
</p>
</fieldset>
<p><input type="submit" value="登録する"></p>
</form>
あなたの猫の情報

*送信すると入力内容が表示されます。
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク