Warning: Undefined array key 3 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1273
Warning: Undefined array key 5 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1278
Warning: Undefined array key 7 in
/home/hawkeye/jam25.jp/public_html/wp-content/themes/theme/functions.php on line
1283
optgroupに使える属性
属性とは<optgroup>
タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。
よく使うグローバル属性
id |
概要 |
要素に対してID固有の識別名を付けることができます。 |
属性の値 |
英字から始まる英数字 |
class |
概要 |
要素に対して分類名を付けることができます。 |
属性の値 |
英字から始まる英数字 |
style |
概要 |
要素に対して直接スタイルを指定することができます。 |
属性の値 |
スタイルシートのコード |
optgroupに使える属性
disabled |
概要 |
要素に対してdisabled属性が存在が指定されている場合、要素をクリックすることができなくなります。 |
属性の値 |
なし |
label |
概要 |
選択肢名を指定できます。label属性が要素に存在する場合、要素で囲ったテキストよりも優先されます。 |
属性の値 |
表示したいテキスト |
スポンサードサーチ
<optgroup>の使い方
<label for="country-select">あなたの出身地は?</label>
<select id="country-select">
<option selected>都道府県を選択!</option>
<optgroup label="北海道地方">
<option>北海道</option>
<optgroup label="東北地方">
<option>青森県</option>
<option>岩手県</option>
<option>宮城県</option>
<option>秋田県</option>
<option>山形県</option>
<option>福島県</option>
<option>茨城県</option>
</optgroup>
<optgroup label="関東地方">
<option>栃木県</option>
<option>群馬県</option>
<option>埼玉県</option>
<option>千葉県</option>
<option>東京都</option>
<option>神奈川県</option>
</optgroup>
<optgroup label="中部地方">
<option>新潟県</option>
<option>富山県</option>
<option>石川県</option>
<option>福井県</option>
<option>山梨県</option>
<option>長野県</option>
<option>岐阜県</option>
<option>静岡県</option>
<option>愛知県</option>
</optgroup>
<optgroup label="近畿地方">
<option>三重県</option>
<option>滋賀県</option>
<option>京都府</option>
<option>大阪府</option>
<option>兵庫県</option>
<option>奈良県</option>
<option>和歌山県</option>
</optgroup>
<optgroup label="中国地方">
<option>鳥取県</option>
<option>島根県</option>
<option>岡山県</option>
<option>広島県</option>
<option>山口県</option>
</optgroup>
<optgroup label="四国地方">
<option>徳島県</option>
<option>香川県</option>
<option>愛媛県</option>
<option>高知県</option>
</optgroup>
<optgroup label="九州・沖縄地方">
<option>福岡県</option>
<option>佐賀県</option>
<option>長崎県</option>
<option>熊本県</option>
<option>大分県</option>
<option>宮崎県</option>
<option>鹿児島県</option>
<option>沖縄県</option>
</optgroup>
ブラウザ対応状況
ブラウザの対応(PC) |
Chrome |
あり |
Safari |
あり |
Internet Explorer |
あり |
Edge |
あり |
Firefox |
あり |
Opera |
あり |
ブラウザの対応(SP) |
Chrome |
あり |
Safari |
あり |
Samsung Internet |
あり |