English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <button> formtarget属性

formtarget属性はフォームを提交した後にどの位置で応答を表示するかを指定します。formtarget属性はtype="submit"と組み合わせたフォーム要素のtarget属性をオーバーライドします。

 HTML <button> タグ

オンラインサンプル

二つの提交ボタンを持つフォーム。最初の提交ボタンはデフォルトのターゲット(「_self」)を持つフォームデータを提交し、二つ目の提交ボタンはフォームデータを新しいウィンドウ(target =「_blank」)に提交します:

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <button> formtarget 属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<form action="action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit" >提交</button>
  <button type="submit" formtarget="_blank">新ウィンドウに提交</button>
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome和Safari支持formtarget属性。

注意: Internet Explorer 9 及更早的Internet Explorer版本不支持formtarget属性。

定義と使用法

formtarget 属性はフォームを提出した後にどのように表示されるかを指定します。 formtarget 属性はフォーム要素の  target  属性

この属性は type="submit" と一緒に使用されます。

HTML 4.01 と HTML5の違い

formtarget 属性は HTML 5 の新しい属性。

注意:HTML5フレームとフレームセットはサポートされていません。_parent、_topおよびframenameの値は現在、iframeで主に使用されます。

構文

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

属性値

説明
_blank新しいウィンドウ/タブでフォームをドキュメントに送信します。
_self同じフレームでフォームをドキュメントに送信します。(デフォルト)
_parent親フレームでフォームをドキュメントに送信します。
_top全ウィンドウでフォームをドキュメントに送信します。
framename指定されたフレーム内でフォームをドキュメントに送信します。
 HTML <button> タグ