1. Home
  2. HTMLタグ
  3. 要素一覧 [ABC]
  4. optgroup 要素

optgroup 要素


optgroup

ブラウザ
IE6
Fx
Sf
Cr
O7

選択肢のグループ化

<optgroup label=""></optgroup>

メニューの選択肢(option要素)をグループ化する要素です。

階層化されたメニューの表示が期待されますが、実際にそのように表示されるブラウザは少ないようです。

この要素は、select要素内で使用します。


<select name="example">

<optgroup label="グループA">
<option value="A1" label="A-1">選択項目A-1</option>
<option value="A2" label="A-2">選択項目A-2</option>
<option value="A3" label="A-3">選択項目A-3</option>
</optgroup>

<optgroup label="グループB">
<option value="B1" label="B-1">選択項目B-1</option>
<option value="B2" label="B-2">選択項目B-2</option>
<option value="B3" label="B-3">選択項目B-3</option>
</optgroup>

</select>

属性一覧
属性 説明 説明
必須属性
label グループのラベル テキスト ラベルとして表示するテキスト
任意属性
disabled 選択肢の無効化 disabled 値は省略
  • disabled属性が指定されたグループ(選択肢)は、選択することができなくなります。しかし、optgroup要素に対するこの指定は、一部のブラウザでは対応していないようです。
  • disabled属性は、値を省略して記述します(XHTMLでは省略不可)。
共通属性・その他属性
style
class
id
title
lang
dir
イベント属性
onclick
ondblclick
onmousedown
onmouseup
onmouseover
onmousemove
onmouseout
onkeypress
onkeydown
onkeyup

DTD

Str Tra Fra

タグ

開始タグ 終了タグ
必須 必須

分類

子要素

option要素が必須です。

メモ

グループの入れ子はできません。


要素一覧 [ABC]

ページの先頭へ


inserted by FC2 system