Datalist提示/自动完成仅在Firefox上正常显示

Question

我有一个简单的代码：

<input list="list1" type="text"></input>
<datalist id="list1">
<option value="one"></option>
<option value="two"></option>
<option value="three"></option>
</datalist>

它在Firefox上显示正确的提示，但在Chrome，Opera等上根本没有显示

问题是什么，我该如何解决？

Answer 1

备选方案1

如果在safari之外的所有主要浏览器的最新版本中显示提示。有关完整的兼容性列表，请参阅：http://caniuse.com/#search=datalist

operationCompleted

https://jsfiddle.net/7zegkerb/

备选方案2

使用jQuery AutoComplete，您可以在所有浏览器中生成此功能。

<input list="list1" type="text" />
<datalist id="list1">
    <option value="one"></option>
    <option value="two"></option>
    <option value="three"></option>
</datalist>

https://jsfiddle.net/w2yLpneo/