CodePen Embed - <input type="text"> and <datalist>

<label>
  Fruit name:
  <input type="text" list="fruits">
</label>

<datalist id="fruits">
  <option>apple</option>
  <option>orange</option>
  <option>grape</option>
  <option>pineapple</option>
  <option>lemon</option>
  <option>melon</option>
  <option>watermelon</option>
</datalist>

This Pen is owned by 1000ch on CodePen.

See more by @1000ch on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.