HTMLについて質問です。

<select>タグで選択肢をたくさん設定したときに(例えば日付を選択するような場合、<option>タグが01~31とか並びますよね)、ブラウザでセレクトボックスを表示してみると、
1.選択肢の右側にスクロールバーが表示される場合
2.選択肢にスクロールバーが表示されず、画面いっぱいまで伸びてうざい
と、環境によって違いが出てくるのです。

そこで、
A.OSやブラウザソフトによる表示の高さ(スクロールバーを使って短くするかどうか)の仕様の違い
B.選択肢の高さを制限する方法(CSSなどにより、高さや項目数の最大を設定する方法)
について、解説しているページはないでしょうか?
A,Bともに説明されているページがベストですが、どちらかでも構いません。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/08/30 00:56:22
  • 終了:2006/08/30 09:47:44

回答(2件)

id:osamu666 No.1

osamu666回答回数79ベストアンサー獲得回数62006/08/30 02:14:09

ポイント35pt

Bだけになりますが、

<SELECT NAME="xxx" SIZE=3>

とsizeの属性を設定することで最大表示行数を設定できます。

http://pzxa85.hp.infoseek.co.jp/www/html/select.htm

id:ardarim No.2

ardarim回答回数896ベストアンサー獲得回数1442006/08/30 02:50:22

ポイント35pt

HTML 4.01では、<select size=xx>で一度に表示する選択肢の数を指定することができます。sizeよりもOPTIONの数が多い場合はスクロールバーが表示されます。


http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/interact/f...


ただし、どのように表示するかはブラウザの実装に任されているため、必ずしもすべてのブラウザが上記のルールに従っているとは限りません。

  • id:masal
    回答いただいた文章中に<select>という記述が(半角英字で)あったためと思われますが、「回答を開く」で表示しようとしても、表示が崩れてしまってうまく表示できませんでした。
    そのうえ、もうお1人から頂いた回答が見られません。
    (「質問を終了しました」メールには届いていますが)

    はてなの仕様とおもわれます。まいったなあ。

    今はIEで見てますが、Firefoxだとさらにひどい崩れっぷりです。
  • id:osamu666
    selectタグが有効だとは思いませんでした。なぜか私の回答とardarimさんの回答がくっついてしまっていますね。ardarimさんの回答は以下のとおりでした。

    ------------------------------------------
    HTML 4.01では、<select size="xx">で一度に表示する選択肢の数を指定することができます。sizeよりもOPTIONの数が多い場合はスクロールバーが表示されます。

    http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/interact/forms.html#h-17.6

    ただし、どのように表示するかはブラウザの実装に任されているため、必ずしもすべてのブラウザが上記のルールに従っているとは限りません。

  • id:ardarim
    すみません、書き方がまずかったのかもしれませんね。
    ご迷惑をおかけしました。

    >masalさん、osamu666さん
  • id:masal
    はてなに問い合わせたところ、回答内容を編集して見られるようにしてくれたようです。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません