CodePen Embed - Native HTML Search

<div class="wrapper">
  <h1>
    Native HTML Search
  </h1>
  
  <input list="items">
  
  <datalist id="items">
    <option value="Laravel">
    <option value="PHP">
    <option value="Tailwind CSS">
    <option value="CSS">
    <option value="Javascript">
    <option value="Alpine JS">
  </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;
  }

This Pen is owned by phatchai28 on CodePen.

See more by @phatchai28 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.