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,Firefox和Safari.
有没有办法指定使用哪种自动建议过滤行为?
注意:javascript解决方案是不可接受的
这是未指定的选项。
和已知问题:
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)
| 归档时间: |
|
| 查看次数: |
2767 次 |
| 最近记录: |