使用浏览器＆＃39;本机下拉自定义控件中的图像/图标

Question

我正在寻找实现 true 组合框。用户可以像输入一样输入文本，也可以单击下拉图标并选择一个值。我做了一个快速搜索，但没有找到任何可用于此的预先存在的库。我发现的所有内容似乎只是jQuery自动完成的扩展，你必须输入自动完成下拉列表中的值，但我不能有这个限制。所以我打算自己动手。

我可以轻松地使用字体真棒等下来的V形图像作为下拉指示图像，但是如果我可以使用浏览器＆＃39;原生图像，这将是理想的。那些图像是......

...对于Firefox：

...适用于Chrome：

...对于Safari：

......等等。

有没有办法使用浏览器＆＃39;原生图像？

Answer 1

我相信你要找的是DATALIST元素。我相信它是在HTML5中引入的，所以你可能需要一个后备/ polyfill。但从语义上讲，这可能就是你想要的。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist