カテゴリー
HTML5 optgroup

optgroupタグとは?-HTML

(例)optgroupタグの使用方法

See the Pen
optgroup
by linlin (@linlin098765)
on CodePen.

<select name="course">
<option selected>▼コースを選択してください</option>
<optgroup label="コース" disabled>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</optgroup>
  </select>

optgroupタグとは?-HTML

 optgroupタグは、optionタグで作成する選択肢をグループ化することができるタグです。
 optgroupの子要素としてoptionタグを使用するとグループ化されます。
 label属性は必ず指定する必要があり、それがグループ名となります。
 disabled属性をoptgroupタグに指定すると、そのグループの選択肢がまとめて選択できなくなります。個別選択肢を押下できないようにするには、個別のoptionタグにdisabled属性を指定してください。