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

button”要素~“formtarget”属性HTML5で追加

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

formtarget”属性について

formtarget”属性はtype="submit"を指定したbutton”要素フォームを送信したときの応答画面の表示方法を指定します。

多くの場合、フォームの応答画面の表示方法はform”要素target”属性で指定されますが、button”要素に“target”属性を指定した場合はボタンごとに応答画面の表示方法を指定することができます。

form”要素target”属性が指定されている場合は“formtarget”属性の値が優先されます。

指定できる値

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

サンプルコード

<form action="sample-formtag5.php" method="get">
<fieldset>
<legend>猫を探す</legend>
<p>
<label><input type="radio" name="type" value="品種">品種</label>
<label><input type="radio" name="type" value="色">色</label>
<label><input type="radio" name="type" value="名前">名前</label>
</p>
<p><label>キーワード:<input type="search" name="query"></label></p>
</fieldset>
<p>
<button type="submit" formtarget="_blank">検索結果を新しいウィンドウに表示</button>
<button type="submit" formtarget="_self">検索結果を現在のウィンドウに表示</button>
</p>
</form>
猫を探す

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