HTML Datalist Element

Level up with an advanced HTML element to help you create options lists for text inputs

Alex Zito

--

The datalist element allows you to provide simple autocomplete functionality to your text inputs for a form. The element can also be used with Javascript to dynamically load content for the dropdown from a remote API endpoint. The one major drawback to using this method versus a completely custom autocomplete component is that the datalist generated options have almost no flexibility in styling, so what you see is what you get.

--

--

Alex Zito

Software Developer + Product Manager. Interested in Travel, Culture, Economics and the Internet. Join Medium: https://tinycode.medium.com/membership