Now is better than never

読者です 読者をやめる 読者になる 読者になる

無糖の日々

The just desserts is also desserts.

④その他

今回の目標

f:id:Detsch:20160811214531p:plain

Ⅰプルダウンメニュー作成

Ⅱリストボックス

Ⅲインラインフレーム作成 ←同じページ内に別のページを表示すること

 

 

 

プルダウンメニュー

 

導入

<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>

 

結果

f:id:Detsch:20160811055425p:plain

リストボックス作成

 

導出

<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>

 

※        

f:id:Detsch:20160811060611p:plain

  ↓

f:id:Detsch:20160811060856p:plain

但し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>

あらかじめフレームに表示される分のページを作成する必要があります。

f:id:Detsch:20160811063257p:plain

               

f:id:Detsch:20160811063509p:plain

このあと著者名を指定すればフレーム内が変わり答えが表示されるようにできますがそれは後程…。

<