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 编辑器）和最新的 Internet Explorer 中它确实可以工作，但是当我在 Chrome 中运行它时它只是一个简单的文本字段并且没有下拉列表
如果我键入任何元素的第一个字母，实际上会弹出一个列表，但最好显示一个完整的列表，就像在 IE 中一样。

我必须为 chrome 做一些特别的事情吗？

铬合金：

IE：

Answer 1

在 Chrome 的最新版本中，焦点输入中会出现一个向下的三角形图标，可让您查看所有建议。这存在于 Chrome 42 中，我没有检查旧版本以查看何时实现。

请注意，建议列表中没有滚动。如果超出页面，它将溢出浏览器，甚至会在屏幕底部下方继续，除非您输入更多字符，否则无法达到某些值。