html datalist元素自动建议行为

goa*_*oat 12 html5 cross-browser html-datalist

我注意到,当您将文本字段连接到数据列表时,不同的浏览器在建议文本字段的值时会有不同的行为.有些浏览器显示的条目您键入的内容(IE,较旧的Chrome版本)完全一致,而其他浏览器显示的条目包含您键入的子字符串(firefox,较新的Chrome版本).

例如,键入i文本框,并观察建议:

browser: 
<datalist id="browsers">
    <option value="Google Chrome">Google Chrome</option>
    <option value="Internet Explorer">Internet Explorer</option>
    <option value="Firefox">Firefox</option>
    <option value="Opera">Opera</option>
    <option value="Safari">Safari</option>
    <option value="Others">Others?</option>
</datalist>
 <input type="text" name="browser" list="browsers">
Run Code Online (Sandbox Code Playgroud)

(或者这里是小提琴,如果你喜欢http://jsfiddle.net/yaj8ut3m/)

在IE浏览器,它只会建议Internet Explorer,但Firefox和Chrome浏览器近期将建议Internet Explorer,FirefoxSafari.

有没有办法指定使用哪种自动建议过滤行为?

注意:javascript解决方案是不可接受的

Pin*_*nal 4

这是未指定的选项。

和已知问题

If you type "V" the list will show only items that start with "V" in Chrome, Opera and IE, and any <option> containing "V" in Firefox.
Run Code Online (Sandbox Code Playgroud)