如何在Chrome中显示完整的datalist下拉列表？

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中一样。

我是否必须为铬做一些特别的事情？

铬：

IE：

Answer 1

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

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