Edit File: datalist.json
{ "title":"Datalist element", "description":"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.", "spec":"https://html.spec.whatwg.org/multipage/forms.html#the-datalist-element", "status":"ls", "links":[ { "url":"https://hacks.mozilla.org/2010/11/firefox-4-html5-forms/", "title":"Mozilla Hacks article" }, { "url":"http://afarkas.github.com/webshim/demos/", "title":"HTML5 Library including datalist support" }, { "url":"https://developer.mozilla.org/en/HTML/Element/datalist", "title":"MDN Web Docs - datalist" }, { "url":"https://www.webplatform.org/docs/html/elements/datalist", "title":"WebPlatform Docs" }, { "url":"http://demo.agektmr.com/datalist/", "title":"Eiji Kitamura's options demos & tests" }, { "url":"https://github.com/thgreasi/datalist-polyfill", "title":"Minimal Datalist polyfill w/tutorial" }, { "url":"https://github.com/mfranzke/datalist-polyfill", "title":"Minimal and library dependency-free vanilla JavaScript polyfill" } ], "bugs":[ { "description":"In UIWebView Apps in iOS 12.2, using the datalist element may cause the input type to become incapable of being able to type in it despite not supporting it." } ], "categories":[ "HTML5" ], "stats":{ "ie":{ "5.5":"n", "6":"p", "7":"p", "8":"p", "9":"p", "10":"a #2", "11":"a #2" }, "edge":{ "12":"a #2", "13":"a #2", "14":"a #2", "15":"a #2", "16":"a #2 #4", "17":"a #2 #4", "18":"a #2 #4", "79":"y", "80":"y", "81":"y", "83":"y", "84":"y", "85":"y", "86":"y", "87":"y", "88":"y", "89":"y", "90":"y", "91":"y", "92":"y", "93":"y", "94":"y", "95":"y", "96":"y" }, "firefox":{ "2":"p", "3":"p", "3.5":"p", "3.6":"p", "4":"a #3 #6", "5":"a #3 #6", "6":"a #3 #6", "7":"a #3 #6", "8":"a #3 #6", "9":"a #3 #6", "10":"a #3 #6", "11":"a #3 #6", "12":"a #3 #6", "13":"a #3 #6", "14":"a #3 #6", "15":"a #3 #6", "16":"a #3 #6", "17":"a #3 #6", "18":"a #3 #6", "19":"a #3 #6", "20":"a #3 #6", "21":"a #3 #6", "22":"a #3 #6", "23":"a #3 #6", "24":"a #3 #6", "25":"a #3 #6", "26":"a #3 #6", "27":"a #3 #6", "28":"a #3 #6", "29":"a #3 #6", "30":"a #3 #6", "31":"a #3 #6", "32":"a #3 #6", "33":"a #3 #6", "34":"a #3 #6", "35":"a #3 #6", "36":"a #3 #6", "37":"a #3 #6", "38":"a #3 #6", "39":"a #3 #6", "40":"a #3 #6", "41":"a #3 #6", "42":"a #3 #6", "43":"a #3 #6", "44":"a #3 #6", "45":"a #3 #6", "46":"a #3 #6", "47":"a #3 #6", "48":"a #3 #6", "49":"a #3 #6", "50":"a #3 #6", "51":"a #3 #6", "52":"a #3 #6", "53":"a #3 #6", "54":"a #3 #6", "55":"a #3 #6", "56":"a #3 #6", "57":"a #3 #6", "58":"a #3 #6", "59":"a #3 #6", "60":"a #3 #6", "61":"a #3 #6", "62":"a #3 #6", "63":"a #3 #6", "64":"a #3 #6", "65":"a #3 #6", "66":"a #3 #6", "67":"a #3 #6", "68":"a #3 #6", "69":"a #3 #6", "70":"a #3 #6", "71":"a #3 #6", "72":"a #3 #6", "73":"a #3 #6", "74":"a #3 #6", "75":"a #3 #6", "76":"a #3 #6", "77":"a #3 #6", "78":"a #3 #6", "79":"a #3 #6", "80":"a #3 #6", "81":"a #3 #6", "82":"a #3 #6", "83":"a #3 #6", "84":"a #3 #6", "85":"a #3 #6", "86":"a #3 #6", "87":"a #3 #6", "88":"a #3 #6", "89":"a #3 #6", "90":"a #3 #6", "91":"a #3 #6", "92":"a #3 #6", "93":"a #3 #6", "94":"a #3 #6", "95":"a #3 #6", "96":"a #3 #6", "97":"a #3 #6" }, "chrome":{ "4":"p", "5":"p", "6":"p", "7":"p", "8":"p", "9":"p", "10":"p", "11":"p", "12":"p", "13":"p", "14":"p", "15":"p", "16":"p", "17":"p", "18":"p", "19":"p", "20":"a #1", "21":"a #1", "22":"a #1", "23":"a #1", "24":"a #1", "25":"a #1", "26":"a #1", "27":"a #1", "28":"a #1", "29":"a #1", "30":"a #1", "31":"a #1", "32":"a #1", "33":"a #1", "34":"a #1", "35":"a #1", "36":"a #1", "37":"a #1", "38":"a #1", "39":"a #1", "40":"a #1", "41":"a #1", "42":"a #1", "43":"a #1", "44":"a #1", "45":"a #1", "46":"a #1", "47":"a #1", "48":"a #1", "49":"a #1", "50":"a #1", "51":"a #1", "52":"a #1", "53":"a #1", "54":"a #1", "55":"a #1", "56":"a #1", "57":"a #1", "58":"a #1", "59":"a #1", "60":"a #1", "61":"a #1", "62":"a #1", "63":"a #1", "64":"a #1", "65":"a #1", "66":"a #1", "67":"a #1", "68":"a #1", "69":"y", "70":"y", "71":"y", "72":"y", "73":"y", "74":"y", "75":"y", "76":"y", "77":"y", "78":"y", "79":"y", "80":"y", "81":"y", "83":"y", "84":"y", "85":"y", "86":"y", "87":"y", "88":"y", "89":"y", "90":"y", "91":"y", "92":"y", "93":"y", "94":"y", "95":"y", "96":"y", "97":"y", "98":"y", "99":"y" }, "safari":{ "3.1":"p", "3.2":"p", "4":"p", "5":"p", "5.1":"p", "6":"p", "6.1":"p", "7":"p", "7.1":"p", "8":"p", "9":"p", "9.1":"p", "10":"p", "10.1":"p", "11":"p", "11.1":"p", "12":"p", "12.1":"y", "13":"y", "13.1":"y", "14":"y", "14.1":"y", "15":"y", "15.1":"y", "15.2":"y", "TP":"y" }, "opera":{ "9":"y", "9.5-9.6":"y", "10.0-10.1":"y", "10.5":"y", "10.6":"y", "11":"y", "11.1":"y", "11.5":"y", "11.6":"y", "12":"y", "12.1":"y", "15":"a #1", "16":"a #1", "17":"a #1", "18":"a #1", "19":"a #1", "20":"a #1", "21":"a #1", "22":"a #1", "23":"a #1", "24":"a #1", "25":"a #1", "26":"a #1", "27":"a #1", "28":"a #1", "29":"a #1", "30":"a #1", "31":"a #1", "32":"a #1", "33":"a #1", "34":"a #1", "35":"a #1", "36":"a #1", "37":"a #1", "38":"a #1", "39":"a #1", "40":"a #1", "41":"a #1", "42":"a #1", "43":"a #1", "44":"a #1", "45":"a #1", "46":"a #1", "47":"a #1", "48":"a #1", "49":"a #1", "50":"a #1", "51":"a #1", "52":"a #1", "53":"a #1", "54":"a #1", "55":"a #1", "56":"a #1", "57":"a #1", "58":"a #1", "60":"a #1", "62":"a #1", "63":"a #1", "64":"y", "65":"y", "66":"y", "67":"y", "68":"y", "69":"y", "70":"y", "71":"y", "72":"y", "73":"y", "74":"y", "75":"y", "76":"y", "77":"y", "78":"y", "79":"y", "80":"y", "81":"y", "82":"y" }, "ios_saf":{ "3.2":"p", "4.0-4.1":"p", "4.2-4.3":"p", "5.0-5.1":"p", "6.0-6.1":"p", "7.0-7.1":"p", "8":"p", "8.1-8.4":"p", "9.0-9.2":"p", "9.3":"p", "10.0-10.2":"p", "10.3":"p", "11.0-11.2":"p", "11.3-11.4":"p", "12.0-12.1":"p", "12.2-12.5":"y #5", "13.0-13.1":"y #5", "13.2":"y #5", "13.3":"y #5", "13.4-13.7":"y #5", "14.0-14.4":"y #5", "14.5-14.8":"y #5", "15.0-15.1":"y #5", "15.2":"y #5" }, "op_mini":{ "all":"n" }, "android":{ "2.1":"p", "2.2":"p", "2.3":"p", "3":"p", "4":"p", "4.1":"p", "4.2-4.3":"p", "4.4":"p", "4.4.3-4.4.4":"y", "96":"y" }, "bb":{ "7":"p", "10":"y" }, "op_mob":{ "10":"y", "11":"y", "11.1":"y", "11.5":"y", "12":"y", "12.1":"y", "64":"y" }, "and_chr":{ "96":"y" }, "and_ff":{ "94":"a #3" }, "ie_mob":{ "10":"p", "11":"p" }, "and_uc":{ "12.12":"p" }, "samsung":{ "4":"y", "5.0-5.4":"y", "6.2-6.4":"y", "7.2-7.4":"y", "8.2":"y", "9.2":"y", "10.1":"y", "11.1-11.2":"y", "12.0":"y", "13.0":"y", "14.0":"y", "15.0":"y" }, "and_qq":{ "10.4":"a #1" }, "baidu":{ "7.12":"y" }, "kaios":{ "2.5":"n" } }, "notes":"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. ", "notes_by_num":{ "1":"Partial support refers to [a bug](https://bugs.chromium.org/p/chromium/issues/detail?id=773041) where long lists of items are unscrollable resulting in unselectable options.", "2":"Partial support in IE refers to [significantly buggy behavior](https://web.archive.org/web/20170121011936/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)).", "4":"Partial support in Edge refers [to disappearing option elements on focusing the input element via tab](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/20066595/).", "5":"Supported through WKWebView and Safari but not through UIWebView", "6":"In Firefox, autocomplete must be set to off to make dynamic datalist work due to [a bug](https://bugzilla.mozilla.org/show_bug.cgi?id=1474137)" }, "usage_perc_y":90.7, "usage_perc_a":5.94, "ucprefix":false, "parent":"forms", "keywords":"list attribute,input", "ie_id":"datalistelement", "chrome_id":"6090950820495360", "firefox_id":"", "webkit_id":"", "shown":true }
Back to File Manager