html - Chromeで完全なデータリストドロップダウンリストを表示するには?

Question

フォームがあり、そこにテキスト型のフィールドがあります。ユーザーが何かを入力したときに提案リストを表示したかったので、次のようにしました。

State: <br>
<input type="text" name="state" size="35" autocomplete="on" list="states" required> <br><br>

<datalist id="states">
<option value="Baden-Württemberg">
.....
</datalist>

私が使用しているソフトウェア (CoffeeCup HTML Editor) のテスト ブラウザと、最新の Internet Explorer では、実際に動作します。しかし、これをChromeで実行すると、単純なテキストフィールドであり、ドロップダウンリストはありません
いずれかの要素の最初の文字を入力すると、リストが実際にポップアップ表示されますが、IE のように完全なリストが表示されると便利です。

クロムのために何か特別なことをしなければなりませんか?

クロム：

いいえ:

Answer 1

Chrome の最近のバージョンでは、下向きの三角形のアイコンがフォーカスの入力に表示され、すべての提案を表示できます。これは Chrome 42 に存在します。以前のバージョンをチェックして、これがいつ実装されたかを確認していません。

提案リストにはスクロールがないことに注意してください。ページを超えると、ブラウザからあふれ出し、さらに文字を入力するまで値の一部に到達する方法がなく、画面の下部にまで続きます。