Native input (select) with search functionality

There are many select replacements out there, but even with limited options to style native form controls, we can still achieve custom-made results. See my post about styling select, radio, and checkbox if you want to know more.

  <label for="input">Label:</label>
  <input list="input-list" id="input" name="input">

  <datalist id="input-list">
    <option value="Option 1">
    <option value="Option 2">
    <option value="Option 3">
    <option value="Option 4">
    <option value="Option 5">

  <button type="reset">Reset</button>

Live demo

Further reading


Level up your skills with useful web development & UX tips via e-mail.


If you have any thoughts, please contact me on LinkedIn or see the contact page for more options.