<optgroup>

開始タグ<OPTGROUP>と終了タグ</OPTGROUP>の間にある複数の <OPTION> をグループ化します。<SELECT>の選択肢をカテゴリ分けして表示させるときに使用します。 Internet Explorer 5 では未サポートのようです。

書式

<optgroup> ... </optgroup>

開始タグと終了タグは省略できません。開始タグと終了タグの間にはOPTION要素タイプが 1 回以上現れます。

属性

label 属性は必須です。その他の属性は省略できます。

disabled: disabled属性を指定したoptgroup要素は、ユーザの入力を受け付けない。このとき、ブラウザによっては入力を受け付けないことを示すために灰色表示になることがある。また、フォーカスの受け手とならず、タブ移動で飛び越される。disabled属性を指定したoptgroup要素の値は、サブミット時にフォームデータを送信しない。
label: グループのラベルを指定します。

例

HTMLタグ <optgroup> の使用例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。

<form>
<select>
  <optgroup label="美勇伝">
    <option>石川梨華</option>
    <option>三好絵梨香</option>
    <option>岡田唯</option>
  </optgroup>
  <optgroup label="Ｗ">
    <option>辻希美</option>
    <option>加護亜依</option>
  </optgroup>
</select>
</form>

JavaScript

JavaScriptからは HTMLOptGroupElement インタフェースを通じてform要素へアクセスできる。

関連記事

参考文献

Web Hypertext Application Technology Working Group. 2024. "The optgroup element" HTML Living Standard