<form method="" action="" target=""></form>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類 フロー・コンテンツ / パルパブル・コンテンツ
利用場所 フロー・コンテンツが置ける場所
内容 フロー・コンテンツ(ただし、form要素は含められない)

form要素target="" を追加すると、送信結果をどのウィンドウ(またはフレーム)に表示するかを指定できます。


<form method="post" action="example.cgi" target="_top"></form>

属性
任意属性
target="" 送信結果の表示方法 _blank 新規のウィンドウに表示
_self 現在のウィンドウ(フレーム)に表示
_parent 親ウィンドウ(フレーム)に表示
_top フレームを解除してウィンドウ全体に表示
ウィンドウ名、フレーム名 任意のウィンドウ(フレーム)に表示

インラインフレームを使用している場合の例

form要素target属性は、次のようなケースで使用することがあります。

親文書にフォームを配置して、送信結果をインラインフレーム内に表示する場合

指定方法:インラインフレームにフレーム名を付けておき、form要素の target="" にそのフレーム名を指定します。

インラインフレーム内にフォームを配置して、送信結果をウィンドウ全体に表示する場合

指定方法:form要素に target="_top" を指定します。

使用例

送信結果をインラインフレーム内に表示する例
  • 動作確認のため、送信先としてHTMLファイルを指定しています。

<form method="get" action="example_target2.html" target="example">
<p><input type="submit" value="送信する"></p>
</form>

<p>送信ボタンを押すと、インラインフレーム内に結果が表示されます。</p>

<p><iframe src="example_target1.html" name="example"></iframe></p>

表示例

送信ボタンを押すと、インラインフレーム内に結果が表示されます。