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

[統計] HTMLからXHTMLへの移行を進めていますか?


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

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
ブロック要素

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


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


target="" _blank … (新たにブラウザを立ち上げて表示します)
_top … (フレームの分割を廃止して画面全体で表示します)
_self … (リンク元と同じウィンドウ(フレーム)に表示します)デフォルト
_parent … (親フレームに表示します)
ウィンドウ名(フレーム名) … (任意のウィンドウ(フレーム)に表示します)
target="_blank" が指定されたリンクは、ユーザーの環境によってはポップアップブロックが機能してしまい、リンク先が表示できなくなる場合があります。

【フレームを使用した場合の例】

上のフレームに入力欄を置き、下のフレームに結果を表示する場合

表示例

チャットなどでよく見られるパターンです。上のフレームで入力したデータをプログラムに送信し、書き込み処理の結果を下のフレームに表示します。

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

※フレーム名の指定については、「分割した画面にフレーム名を付ける」をご覧ください。

下のフレームに入力欄を置き、送信結果を画面全体で表示する場合

表示例

メール送信フォームを例にしたパターンです。下のフレームで入力したデータをプログラムに送信し、メール送信処理の結果を画面全体で表示します。

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

メモ

DTDがStrictの場合は、target属性は使用できません。


使用例

画面を上下に分割している場合

上のフレームに入力フォームを置き、下のフレームに送信後の結果を表示します。
(下のフレームには、bottom というフレーム名を指定しています)

<form method="POST" action="example01c.html" target="bottom">

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

</form>

これをブラウザで見ると次のように表示されます

※これはサンプルですので、action="" の送信先はHTMLファイルにしてあります。



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント