ぎみっく@gimmickgangさんのページ

selectタグ、optionタグ、optgroupタグについて

---

選択式のメニュー（セレクトボックス）を作成するためのタグ

<select>で選択式メニューを、<option>で選択肢を、<optgroup>で選択肢のグループを記述します。

ソース

<select>
  <option>あいうえお</option>
  <option>かきくけこ</option>
  <option>さしすせそ</option>
  <option>たちつてと</option>
  <option>なにぬねの</option>
</select>

表示例

あいうえお かきくけこ さしすせそ たちつてと なにぬねの

---

selectタグではname属性、size属性、multiple属性、disabled属性、autocomplete属性、autofocus属性、form属性、required属性が利用可能ですが、ニコニコ大百科では使用できません。

optionタグではlabel属性、value属性、disabled属性が利用可能ですが、ニコニコ大百科では使用できません。
selected属性は、<option selected="">の形で利用可能です。
※multiple属性が使用できないので、利用できるselected属性は1つだけで、複数記述しても2つめ以降は無視されます。

optgroupタグではdisabled属性が利用可能ですが、ニコニコ大百科では使用できません。
label属性は、<optgroup label="hoge">の形で利用可能です。

---

以下サンプル
1.通常　2.さしすせそにselected属性を指定 3.2にoptgroupを追加　4.3のoptgroupにlabel属性を指定　5.optgroupを複数用いたもの
なんか

あいうえお かきくけこ さしすせそ たちつてと なにぬねの あいうえお かきくけこ さしすせそ たちつてと なにぬねの あいうえお かきくけこ さしすせそ たちつてと なにぬねの あいうえお かきくけこ さしすせそ たちつてと なにぬねの あいうえお かきくけこ さしすせそ たちつてと なにぬねの いろはにほへと ちりぬるを わかよたれそ つねならむ うゐのおくやま

正解は？ 伊右衛門 綾鷹 健康ミネラルむぎ茶 爽健美茶 午後の紅茶 紅茶花伝 TEAS'TEA 痛茶 アバ茶