HTML <button> formtarget属性

HTML <button> タグ

定義と使用方法

formtarget 属性は、フォームを送信後にどのように応答を表示するかを定義します。この属性はフォームの target属性にのみ使用されます。

formtarget 属性は、 type="submit" のボタン。

例

二つの送信ボタンを持つフォーム。最初の送信ボタンはデフォルトのターゲット（"_self"）を使用してフォームデータを送信し、二つ目の送信ボタンは新しいウィンドウにフォームデータを送信します（target="_blank"）：

<form action="/action_page.php" method="get">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓氏：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">提交</button>
  <button type="submit" formtarget="_blank">新しいウィンドウに提交</button>
</form>

自分で試してみる

文法

<button type="submit" formtarget="_blank|_self|_parent|_top|framename">

属性値

値 説明
_blank 新しいウィンドウ/タブに応答をロードします。
_self 同じフレームに応答をロードします（デフォルト）。
_parent 親フレームに応答をロードします。
_top 全てのウィンドウに応答をロードします。
framename 名前付き iframe に応答をロードします。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 10.6

HTML <button> タグ