datalistelement. Read our blog post on native HTML5 autocomplete if the concept is new to you.
list attribute to the Tipue Search input field and then create a
datalist element. The
list value should be the same as the
datalist id selector.
autocompleteattribute. Remove it and the browser's autocomplete is displayed below the HTML5 autocomplete suggestions.
datalistelement and input
listattribute are supported in Chrome 49+, IE11, Microsoft Edge, Firefox 47+, Opera 40+, Android browser 4.4.4+ and Chrome for Android 53+. As yet, there's no support in Safari, but input boxes with the
listattribute work as standard and
There is a minor bug in some releases of Chrome where long lists of options are unscrollable, resulting in unselectable items. So be aware, and test.