“button”要素~“formtarget”属性

“formtarget”属性について

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

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

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

指定できる値

サンプルコード

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

猫を探す

品種 色 名前

キーワード：

検索結果を新しいウィンドウに表示 検索結果を現在のウィンドウに表示

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