“form”要素~“target”属性

“target”属性について

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

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

指定できる値

“_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>

あなたの猫の情報

名前：

色： 白> 黒 白黒 キジトラ 茶トラ 三毛 その他

＊送信すると入力内容が表示されます。