2007.09.14 <select>タグでの区切り

<select>タグで、よく区切りをつける場合があります。
この間、「へぇー」っていうのがあったので、記載します。
セレクトの場合は、項目が少なければ問題なのですが、
項目が増えてくると何処に何があるかわからなくなってきます。
その為、グループ化しているところはたくさんあるのですが、通常の方法ですと、入力チェックが必要になってしまう場合があります。
でも、下記を読んでもらえれば、解消できるかもしれません。

通常の<select>タグの区切り方は、

見え方

--北海道・東北--
北海道
青森県
--北陸・甲信越--
新潟県
山梨県

ソース

ＨＴＭＬ

という形で行うのが一般になっています。
ただ、この方法ですと、「--グループ名--」のところにもフォーカスがあたってしまいます。
JavaScriptや、プログラム的にチェックを入れていれば大丈夫なのですが、ちょっとやですよね。

ということで、これ！

見え方

北海道・東北
北海道
青森県
北陸・甲信越
新潟県
山梨県

ソース

ＨＴＭＬ

これならば、グループにフォーカスがあたらない！
便利です、ただ、すべてのブラウザでテストしていないので、どこまで使用できるかは不明です。

トラックバック

TrackBackURL ： http://www.ya-shi.net/trackback/?k=1&a=0000000001

コメント投稿

投稿者
タイトル ※
コメント ※
メールアドレス
ＵＲＬ
改行フォーマット ※