以编程方式使输入[type = url]的datalist以JavaScript显示
在Chrome中，至今只有在输入或双击input元素时才会出现Datalist，例如http://jsfiddle.net/r7Y4v/
我试图让数据显示更快地出现。 理想情况下，我会在输入旁边放置一个“下拉箭头”，点击时会使Datalist出现。
我正在寻找一个webkit解决方案。
在规范中我找不到任何东西如何做到这一点。
另外我注意到，在当前浏览器中的实现看起来有很大不同（点击vs dbl-click，箭头键，完整与过滤列表以及过滤器如何匹配部分输入等）。
对我而言，现在似乎还没有正常工作的组合框，并且数据列表似乎处于初期阶段。
所以看起来你现在会更好地推出自己的产品或使用现成的库。
在我看来，'最小的数据'图书馆是相当流行的（阅读的好链接）。
在该页面上是指向它的GitHub代码和演示页面的链接。
附注： 我很乐意有人给出更好的答案！ 此外，起初我认为这是一个好主意，省去了箭头按钮，这样人们可以有更好的样式选择下拉按钮，如果他们想要一个可以连接到datalist /自动完成/组合框。 我很惊讶所有这些似乎还没有明确说明，也没有得到本地支持。 请spec-writers给我们简单的本地组合框（过期很久），然后添加像过滤器的香料！
编辑：自2012年8月以来，Chromium项目提供了一项开放的功能请求，要求提供下拉功能：
这样的事情呢？ 由于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;
}
上一篇: Programmatically make datalist of input[type=url] appear with JavaScript