[新着] Webテンプレートを仮オープンしました
formタグに target="" を追加すると、送信後の結果をどのウィンドウ(フレーム)に表示するのかを指定できます。
<form method="POST" action="example.cgi" target="_top">
| target="" | _blank … (新たにブラウザを立ち上げて表示します) |
|---|---|
| _top … (フレームの分割を廃止して画面全体で表示します) | |
| _self … (リンク元と同じウィンドウ(フレーム)に表示します)デフォルト | |
| _parent … (親フレームに表示します) | |
| ウィンドウ名(フレーム名) … (任意のウィンドウ(フレーム)に表示します) |
【フレームを使用した場合の例】
■上のフレームに入力欄を置き、下のフレームに結果を表示する場合

チャットなどでよく見られるパターンです。上のフレームで入力したデータをプログラムに送信し、書き込み処理の結果を下のフレームに表示します。
指定方法
下のフレームにフレーム名を付けて、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ファイルにしてあります。