编程使数据列表输入的[类型= URL]出现用JavaScript(Programmatically

2019-08-31 17:08发布

在铬和作为用于现在数据列表仅键入或上双击时出现input元件,例如http://jsfiddle.net/r7Y4v/

我试图让DataList控件更快地出现。 理想的情况是我把旁边的输入端,点击会使DataList控件出现时有点“下拉箭头”。

我正在寻找一个解决方案的WebKit。

Answer 1:

我找不到在什么规格如何做到这一点。

此外,我注意到,在当前浏览器的实现似乎有些变化(点击VS DBL-点击,箭头键的,完整和过滤列表以及如何过滤器部分输入匹配,等等)。

对我来说,似乎目前仍然没有正常工作,组合框和数据一览似乎是在它的初期。

所以会出现你当前更好的推出自己的,或者使用现成的库。
这在我看来,“ minimul DataList控件 ”库是相当受欢迎的(好的链接读)。
在该页面是一个链接是GitHub的代码和演示页 。

边注: 我喜欢一些一给出更好的答案! 此外,起初我以为这是一个好主意,离开了箭头按钮,这样人们就可以有一个下拉按钮优秀的设计选项,如果他们想要的人,他们可以挂钩到DataList /自动/组合框。 我很惊讶,这一切似乎仍然不明确的,本身不支持。 请SPEC-作家,给我们简单的本土组合框(即过期这么久),然后添加香料像过滤器!


编辑:有是自2012年8月开放的功能要求上要求一个下拉功能的Chromium项目:

  • 问题152375:添加下拉切换与数据列表输入标签


Answer 2:

怎么样这样的事情? 由于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