The HTML Data List element - Dropdown with filtering without any CSS/JS
Today I learned that there is support for having in input that filters a list without any need for JavaScript.
<label for="myBrowser">Choose a browser from this list:
</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Internet Explorer">
<option value="Opera">
<option value="Safari">
<option value="Microsoft Edge">
</datalist>
Checkout the Demo on CodePen.