Top > WAP2.0 > EZweb用XHTML目次 > <optgroup>

WAP2.0

EZweb用XHTMLタグリファレンス

<optgroup>noXB[XM][EZ][W2]nocH

<select>要素内で作成されるメニューの選択肢をグループ化します。
ドロップダウンメニューが階層化されますが、PC用ブラウザでは、ほとんどサポートされていません(メニューとしては表示されます)。
Openwave(TM) SDKでは、階層にはなりませんが、グループ名が表示され、グループの境界に罫線が入ったドロップダウンメニューとなります。ただし、親要素の<select>で、multiple="true"が指定されていた場合は、チェックボックス表示となります。

構文

<select>
 <optgroup label="グループ名1">
  <option>グループ1内項目1</option>
  <option>グループ1内項目2</option>
 </oprgroup>
 <optgroup label="グループ名2">
  <option>グループ2内項目1</option>
  <option>グループ2内項目2</option>
 </oprgroup>
</select>

必須属性

label

属性

属性名 対応状況 説明
id
class
title
xml:lang
  ユニバーサル属性」参照
style  
label   オプショングループの、グループ名を指定する。
必ず指定する必要がある。
disabled   'true'|'false'
デフォルトは'false'
'true'を指定すると、ユーザーはこのオプショングループを
選択できなくなる。

サンプル

1.単数選択の場合
optgroup要素

あなたの携帯電話はど
のタイプですか?


  Select



optgroup要素

あなたの携帯電話はど
のタイプですか?

  OK
<form action="some.cgi">
 <p>あなたの携帯電話はどのタイプですか?</p>
 <select name="デバイス">
  <optgroup label="DoCoMo">
   <option value="N503i">N503i</option>
   <option value="P503i">P503i</option>
   <option value="FOMA">FOMA</option>
  </optgroup>
  <optgroup label="au">
   <option value="C5001T">C5001T</option>
   <option value="C3001H">C3001H</option>
   <option value="C3002K">C3002K</option>
  </optgroup>
 </select>
</form>
2.複数選択可の場合
optgroup要素

あなたの携帯電話はど
のタイプですか?

  OK
<form action="some.cgi">
 <p>あなたの携帯電話はどのタイプですか?</p>
 <select name="デバイス" multiple="true">
  <optgroup label="DoCoMo">
   <option value="N503i">N503i</option>
   <option value="P503i">P503i</option>
   <option value="FOMA">FOMA</option>
  </optgroup>
  <optgroup label="au">
   <option value="C5001T">C5001T</option>
   <option value="C3001H">C3001H</option>
   <option value="C3002K">C3002K</option>
  </optgroup>
 </select>
</form>

Go to Top

最終更新日:2008年09月26日
© Kimura