フォーム

`<optgroup>` 選択肢をグループに分ける

重要度2 / 5

意味

<select> の選択肢が多い場合に、グループに分けて見出しを付けるときに使います。見出しは label 属性に書きます。

コード

HTML

<select name="cms">
  <optgroup label="サーバーに置くCMS">
    <option>WordPress</option>
  </optgroup>
  <optgroup label="ヘッドレスCMS">
    <option>microCMS</option>
  </optgroup>
</select>

プレビュー（初期表示）

ブラウザ対応

主要ブラウザの対応状況
ブラウザ	対応
Chrome	1〜
Firefox	1〜
Safari	≤4〜
Edge	12〜
Chrome Android	18〜
Safari iOS	≤3.2〜

出典: MDN Web Docs（`@mdn/browser-compat-data`）