Create an autocomplete list with the datalist element

The HTML 5 datalist element comes in handly when you want to create an autocomplete input from a pre-defined list.
The element generates a dropdown that allow user to choose its options. In comparison to the normal select element, the datalist element provide the ability of filter the options.
Users also can enter what they want in the same way the normal text box does.
<input list="demo__list" />
<datalist id="demo__list">
<option value="..." />
<option value="..." />
<option value="..." />
...
</datalist>

Demo

Create an autocomplete list with the datalist element