今回の目標
Ⅰプルダウンメニュー作成
Ⅱリストボックス
Ⅲインラインフレーム作成 ←同じページ内に別のページを表示すること
Ⅰプルダウンメニュー
導入
<body>
<title>入力ファーム作成</title>
<form action="cgi-bin/formsample.cgi"method="post">
<p>
旅行の行先のベストをお聞かせください。
</p>
<p>
<select name="reason1">
<option value="korea">韓国</option> #korea等の属性指定はサーバに送る分です
<option value="US">アメリカ</option>
<option value="china">中国</option>
<option value="Switherland">スイス</option>
<option value="Canada">カナダ</option>
</select>
</form>
結果
Ⅱリストボックス作成
導出
<p>複数指定可能</p>
<select name="reason1"size="5" multiple>
<option value="korea">韓国</option>
<option value="US">アメリカ</option>
<option value="china">中国</option>
<option value="Switherland">スイス</option>
<option value="Canada">カナダ</option>
</select>
※
↓
※但しCtlキー押しながらで指定してください
Ⅲインラインフレーム
<body>
<p>「こころ」の著者は誰でしょう</p>
<ul>
<li><a href="natume.html"target="answer">夏目漱石</a></li>
<li><a href="kobayasi.html"target="answer">小林一茶</a></li>
<li><a href="mori.html"target="answer">森鴎外</a></li>
<li><a href="itou.html"target="answer">伊藤左千夫</a></li>
</ul>
</p>
<iframe src="sample.html"name="answer"width="400"height="150">
</iframe>
</p>
</body>
あらかじめフレームに表示される分のページを作成する必要があります。
↓
このあと著者名を指定すればフレーム内が変わり答えが表示されるようにできますがそれは後程…。