在Chrome中，目前仅在输入或双击input元素时才显示Datalist，例如http://jsfiddle.net/r7Y4v/
我正在尝试让数据主义者更早出现。理想情况下，我会在输入旁边放一个“下拉箭头”，点击后会显示Datalist。
我正在寻找一个webkit解决方案。
答案 0 :(得分：4)
我在规范中找不到如何做到这一点。
另外我注意到当前浏览器中的实现似乎有很大不同（点击vs dbl-click，箭头键，完整与过滤列表以及过滤器如何匹配部分输入等）。
对我来说，似乎现在还有仍没有正常工作的组合框，数据列表似乎还处于初期阶段。
所以看来你现在最好自己动手或使用现成的库 在我看来，“minimul datalist”图书馆相当受欢迎（阅读的好链接） 该页面上的链接指向GitHub code和demo page。
旁注： 我很高兴有人能给出更好的答案！另外，起初我觉得放弃箭头是个好主意 - 如果他们想要一个他们可以连接到datalist / autocomplete / combobox的按钮，那么人们可以拥有更好的样式 - 下拉按钮选项。令我感到惊讶的是，这一切似乎仍然没有具体说明，也没有原生支持。那些，规范编写者，给我们简单的原生组合框（这已经过期了很长时间），然后像过滤器一样添加香料！
编辑：自2012年8月起，Chromium项目上有一个打开的功能请求，要求提供下拉功能：
答案 1 :(得分：-1)
这样的事情怎么样？由于Chrome确实在悬停时放置了一个图标，因此我将此图像放置在同一位置。
input[list]{
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJCAYAAADtj3ZXAAAAB3RJTUUH3wMHFxkH6cbPfQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAABaSURBVHjaY2RgYDAA4jkMxIEsID6FLrgOiP8TwNNwmSgNxJ/xaDwPxGz4nJSDQ+MHIFYn5B9mqA3omsOJDA9w4P1B0jiTWI0wMIFYf2IDPEB8gxh/4jOAIAAAbfwl/FxzevIAAAAASUVORK5CYII=');
background-repeat:no-repeat;
background-position:right;
background-origin: content-box;
}