<div class="wrapper">
  <h1>
    Native HTML Search
  </h1>
  
  <input list="items">
  
  <datalist id="items">
    <option value="Marko Denic">
    <option value="FreeCodeCamp">
    <option value="FreeCodeTools">
    <option value="Web Development">
    <option value="Web Developer">
  </datalist>
</div>
/* Please ❤ this if you like it! */

.wrapper {
  padding-top: 30px;
  text-align: center;
  h1 {
    font-weight: normal;
  }
  input {
    padding: 10px;
    font-size: 1.2em;
  }
}
View Compiled

External CSS

  1. https://codepen.io/denic/pen/YzyPzKG
  2. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

External JavaScript

  1. https://codepen.io/denic/pen/YzyPzKG