Can I Use?(我能用么?)为大家统计HTML5和CSS3等新技术的浏览器兼容性。推荐使用Chrome、Firefox、Opera、IE 11、Safari等浏览器访问本站。更新时间:2015.11.28

支持 部分支持 需要使用私有属性 不支持 是否支持未知

#Datalist element浏览器兼容一览表# 

扩展链接:WHATWG Living Standard

Method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value.

支持25.99
部分支持48.63
总计74.62
IEEdgeFirefoxChromeSafariOperaiOS SafariOpera MiniAndroid BrowserOpera MobileBlackberry BrowserChrome for AndroidFirefox for AndroidIE MobileUC Browser for Android
45 #3 49 #1
44 #3 48 #1 35 #1
14 #2 43 #3 47 #1 34 #1
11 #2 13 #2 42 #3 46 #1 9 33 #1 9.0-9.1 5.0-8.0 46 33 10 46 42 #3 11 9.9
10 #2 12 #2 41 #3 45 #1 8 32 #1 8.1-8.4 4.4.3-4.4.4 12.1 7 10
9 40 #3 44 #1 7.1 31 #1 8 4.4 12
8 39 #3 43 #1 7 30 #1 7.0-7.1 4.2-4.3 11.5
7 38 #3 42 #1 6.1 29 #1 6.0-6.1 4.1 11.1
6 37 #3 41 #1 6 28 #1 5.0-5.1 4 11
5.5 36 #3 40 #1 5.1 27 #1 4.2-4.3 3 10
35 #3 39 #1 5 26 #1 4.0-4.1 2.3
34 #3 38 #1 4 25 #1 3.2 2.2
33 #3 37 #1 3.2 24 #1 2.1
32 #3 36 #1 3.1 23 #1
31 #3 35 #1 22 #1
30 #3 34 #1 21 #1
29 #3 33 #1 20 #1
28 #3 32 #1 19 #1
27 #3 31 #1 18 #1
26 #3 30 #1 17 #1
25 #3 29 #1 16 #1
24 #3 28 #1 15 #1
23 #3 27 #1 12.1
22 #3 26 #1 12
21 #3 25 #1 11.6
20 #3 24 #1 11.5
19 #3 23 #1 11.1
18 #3 22 #1 11
17 #3 21 #1 10.6
16 #3 20 #1 10.5
15 #3 19 10.0-10.1
14 #3 18 9.5-9.6
13 #3 17 9
12 #3 16
11 #3 15
10 #3 14
9 #3 13
8 #3 12
7 #3 11
6 #3 10
5 #3 9
4 #3 8
3.6 7
3.5 6
3 5
2 4
While most commonly used on text fields, datalists can also be used on other input types. IE11 supports the element on `range` fields. Chrome and Opera also support datalists to suggest given values on `range`, `color` and date/time fields.
  • #1: Partial support refers to [a bug](https://code.google.com/p/chromium/issues/detail?id=375637) where long lists of items are unscrollable resulting in unselectable options.
  • #2: Partial support in IE refers to [significantly buggy behavior](http://playground.onereason.eu/2013/04/ie10s-lousy-support-for-datalists/) (IE11+ does send the input and change events upon selection).
  • #3: Partial support refers to no support for datalists on non-text fields (e.g. number, [range](https://bugzilla.mozilla.org/show_bug.cgi?id=841942), [color](https://bugzilla.mozilla.org/show_bug.cgi?id=960984)).
  • 教程博文

    联系作者请发邮件到作gmail邮箱:gm4linus at gmail dot com

    作者CSDN博客

    当按下任意键时筛选输入框可自动获得焦点并输入您所输入的字母。

    按下shift + 删除 键可清空筛选输入框。

    Can I Use? 我能用么?

    HTML5和CSS3为前端开发者提供了很多好用的新特性。但是由于现在仍处于标准制定阶段,且各阶段的草案也不尽相同,所以各浏览器是否实现某一新特性以及实现到什么程度存在较大差异。若开发者对每一个浏览器以及该浏览器的各版本均做一次测试工作量会特别巨大,本站为大家提供了这些新特性在各浏览器的实现情况,让大家一目了然的了解HTML5和CSS3新特性是否可以在工作中使用,进而提高了工作效率。