Home
Products
Grids
Blog
Support
Donate
About
   

Native HTML5 autocomplete with datalist

Using the HTML5 datalist element and input list attribute you can easily set up an input box with a custom autocomplete without jQuery, JavaScript or similar.
Choose a pasta

How it works

Add the list attribute to an input field and then create a datalist element. The list value should be the same as the datalist id selector.
HTML
The browser's inbuilt autocomplete is switched off via the autocomplete attribute. Remove this and the browser's autocomplete is displayed below the HTML5 autocomplete suggestions.

The datalist element and input list attribute are supported in Chrome 69+, IE11, Edge 16+, Firefox 4+, Safari 12.1+, iOS Safari 12.2+, Opera 15+ and all recent browsers.

Latest & featured