質問するログイン新規登録

意見交換

3回答

301閲覧

HTML datalistの表示制限について

west_urad

総合スコア14

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2026/02/22 07:08

0

0

テーマ、知りたいこと

datalistの表示制限について

背景、状況

データリストに数千件の候補全件を表示したいです。
しかし、windowsのgoogle chromeでは900件くらいまでしか表示されません。

stack overflowのサイトによると、ブラウザによってデータ表示数の制限があることはわかりました。
しかし、具体的な根拠となるサイトを探しても見当たらないです。
詳しい方、教えてほしいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

回答3

#1

Lhankor_Mhy

総合スコア37725

投稿2026/02/22 09:52

User agents are encouraged to filter the suggestions represented by the suggestions source element when the number of suggestions is large, including only the most relevant ones (e.g. based on the user's input so far). No precise threshold is defined, but capping the list at four to seven values is reasonable.
4.10.5.3.9 The list attribute | HTML Standard

とのことですから、ユーザーエージェントが4~7程度の候補に絞り込むことを推奨されているようです。あとはブラウザの実装次第、ということになるかと思います。

#2

yambejp

総合スコア118369

投稿2026/02/23 01:53

datalistで大量に値を表示するのはユーザービリティも低く、ブラウザによる実装状況によって左右されるくらいならグループを設定したセレクトボックスや多段式のメニューなどで対応したほうが現実的だと思います。

#3

SaitoAtsushi

総合スコア5855

投稿2026/02/23 02:39

ブラウザの仕様としては datalist の上限についての文言が明瞭に書かれている箇所は見つけられませんでしたが Google Chrome (の基礎である Chromium) ソースコード上の kMaxSuggestions に設定されている 1000 が上限として機能しているようです。

datalist はあくまでも「特に有用な候補」を提案するためのもので、常識的には要素数は百でも多いと思います。 極端に大きいリストから絞り込みをするというような UI が必要であれば適当なカスタムコンポーネントを導入すべきでしょう。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

この意見交換はまだ受付中です。

会員登録して回答してみよう

アカウントをお持ちの方は

関連した質問