このサイトついて
SPONSORED LINK
リストボックスを作りたい
対応ブラウザ |
---|
使用するタグ:<select size="■" ▲><option ●>〜</option></select>
リストボックスを作りたい場合は
<select size="■" ▲><option ●>〜</option></select>で設定します。
■にはリストボックスの表示行数を入力してください。
▲と●には以下の属性を記述することができます。
▲の属性
・name="メニュー名"
・multiple(複数の項目が選択できるようになります。)
●の属性
・vale="送信されるテキスト"
・selected(あらかじめ選択された状態になります。)
※selectタグはformタグの間に記述して下さい。
※name="ボタン名"は送信されてきたデータを解読するときなどに使用する名前を
指定するものです。
例
HTMLソース
<form action="form1.cgi" method="post">
<select size="3" name="defolt">
<option value="有名だから">有名だから</option>
<option value="受講料が安いから">受講料が安いから</option>
<option value="その他">その他</option>
</select> <input type="reset" >
</form> multiple・selected設定
<form action="form1.cgi" method="post">
<select size="3" name="defolt" multiple>
<option value="有名だから">有名だから</option>
<option value="受講料が安いから">受講料が安いから</option>
<option value="その他" selected>その他</option>
</select> <input type="reset" >
</form>
↓
<form action="form1.cgi" method="post">
<select size="3" name="defolt">
<option value="有名だから">有名だから</option>
<option value="受講料が安いから">受講料が安いから</option>
<option value="その他">その他</option>
</select> <input type="reset" >
</form> multiple・selected設定
<form action="form1.cgi" method="post">
<select size="3" name="defolt" multiple>
<option value="有名だから">有名だから</option>
<option value="受講料が安いから">受講料が安いから</option>
<option value="その他" selected>その他</option>
</select> <input type="reset" >
</form>
multiple・selected設定