お問い合わせやアンケートページなどで活用できる、プルダウンリストをHTMLで実装する方法のご紹介となります。
Select・Optionタグの使い方
<select></select>
プルダウンリストの項目
<option></option>
つまり箪笥がselectタグで引き出しがoptionタグです。
<select><option>頭</option><option>おなか</option><option>尻尾</option></select>
と記入した場合は、
という具合に表示されます。
複数選択可能リスト
selectにmultipleを付けると、複数選択可能なリストを表示できます。
<select multiple></select>
サイズ変更
Selectにsizeを付けることで、縦の長さを変更することができます（プルダウンではなくなります）。
<select size=”（数字）”></select>
たとえばsize=”7″だとこうなります。
multipleと併用する場合は、size=”7″ multipleでもmultiple size=”7″のどちらでもかまいません。
HTMLの便利な使い方・タグ逆引きリファレンス
ウェブページ作成言語として常に熱い需要を持つHTML関連のまとめページです。
勉強しながらちょっとずつ増やしていく所存です。
sunagitsune.com
2019.01.27
コメント