: OPTGROUP 要素

最終更新：2026-09-12

<optgroup>OPTGROUP 要素

select 内の option をグループ化し、選択できないグループラベルとして表示します。

<select>
  <optgroup label="果物">
    <option>りんご</option>
  </optgroup>
</select>

この要素はグローバル属性に加え、以下の属性をサポートします：

属性	値	説明
`label`		The group's label text (required).
`disabled`		Disables all options in the group.

下のコードを編集して、playground でリアルタイム結果を確認：

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<optgroup>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： optgroup は入れ子にできません。その option は optgroup 内に置く必要があります。

今後さらにケーススタディを追加予定です。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。