HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


フォームタグ

選択型のリストボックスを作る

<select name=""><option value="">

選択型のプルダウンメニューと基本的なタグの構造は同じです。プルダウンメニューとリストボックスのタグ上での違いは、<select>タグに「size=""」という属性で指定する値で変化します。「size=""」の属性を書かない、もしくは「size="1"」とするとプルダウンメニューになり、「size="2以上"」とするとリストボックスになります。設定する値は項目名(optionタグ数)に依存します。

また、機能で異なる点はリストボックスでは<select>タグに「multiple」を書き足せば、項目の複数選択が可能になります。複数選択するには例えばWindowsの場合、キーボードの「Ctrlキー」、または「Shiftキー」を押しながら項目を選択すると複数選ぶことができます。

それ以外の属性については、プルダウンメニューの説明をご覧ください。

タグをコピーする

記述例

<form>
通常のリストボックス
<select name="都道府県" size="3">
<option value="1">北海道</option>
<option value="2" selected>東京</option>
<option value="3">沖縄</option>
</select>
</form>

<form>
複数項目選択が可能なリストボックス
<select name="都道府県" size="3" multiple>
<option value="1">北海道</option>
<option value="2">東京</option>
<option value="3">沖縄</option>
</select>
</form>
通常のリストボックス
複数項目選択が可能なリストボックス

☆ワンポイントアドバイス

<select>タグは単体では動作しません。必ずフォームタグの中に挿入してください。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。