optgroupの概要
optgroup要素は、select要素内でoption要素のグループを作成することができます。
optgroup要素は、select要素内でoption要素のグループを作成することができます。optgroupに使える属性
属性とは<optgroup> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。
よく使うグローバル属性
| id | 概要 | 要素に対してID固有の識別名を付けることができます。 |
|---|---|---|
| 属性の値 | 英字から始まる英数字 | |
| class | 概要 | 要素に対して分類名を付けることができます。 |
| 属性の値 | 英字から始まる英数字 | |
| style | 概要 | 要素に対して直接スタイルを指定することができます。 |
| 属性の値 | スタイルシートのコード |
optgroupに使える属性
| disabled | 概要 | 要素に対してdisabled属性が存在が指定されている場合、要素をクリックすることができなくなります。 |
|---|---|---|
| 属性の値 | なし | |
| label | 概要 | 選択肢名を指定できます。label属性が要素に存在する場合、要素で囲ったテキストよりも優先されます。 |
| 属性の値 | 表示したいテキスト |
スポンサードサーチ
<optgroup>の使い方
ブラウザ対応状況
| ブラウザの対応（PC) | |
|---|---|
| Chrome | あり |
| Safari | あり |
| Internet Explorer | あり |
| Edge | あり |
| Firefox | あり |
| Opera | あり |
| ブラウザの対応（SP) | |
| Chrome | あり |
| Safari | あり |
| Samsung Internet | あり |