1. Home
  2. HTMLタグ
  3. フォームタグ
  4. 結果が表示されるウィンドウを指定する

結果が表示されるウィンドウを指定する


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

ブラウザ
IE
Fx
Sf
Cr
O
分類
ブロックレベル要素
要素
form要素

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



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


属性 説明
target="" _blank 新規のウィンドウに表示
_self 現在のフレーム(ウィンドウ)に表示
_parent 親フレームに表示
_top フレーム分割を解除してウィンドウ全体に表示
フレーム名、ウィンドウ名 任意のフレーム(ウィンドウ)に表示

上記の属性は、Strict DTDでは使用できません。

target="_blank" の指定は、ユーザーの環境によってはポップアップブロックが機能してしまう場合があります。

【フレームを使用している場合の例】

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

■上のフレームにフォームを配置して、送信結果を下のフレームに表示する場合

[フォーム送信の例]

チャットなどでよく見られたパターンです。上のフレーム内に入力フォームを配置して、送信結果(書き込み処理の結果)を下のフレームに表示します。

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

※フレーム名については、「フレームにフレーム名を付ける」をご覧ください。

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

[フォーム送信の例]

メールフォームを想定したパターンです。下のフレーム内に入力フォームを配置して、送信結果(送信の完了画面)をウィンドウ全体に表示します。

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


使用例

■上下分割のフレームで使用した例

上のフレーム内に入力フォームを配置して、送信結果を下のフレームに表示します。
(下のフレームには comment というフレーム名を付けています)

※サンプルのため、送信先にはHTMLファイルを指定しています。


<form method="get" action="example01c.html" target="comment">

<p>コメント: <input type="text" name="cmt" size="50">
<input type="submit" value="送信する"></p>

</form>

表示例


フォームタグ

ページの先頭へ


inserted by FC2 system