CodePen Embed - Normal Datalist

<html lang="en">
<head>
  <meta charset="UTF-8" /> 
  <title>Datalist</title>
</head>
<body>
  
    <label>Select Browser</label>
    <input  autocomplete="off" list="browsers" id="input" name="browsers" >
  <!-- Its important that you keep list attribute empty to hide the default dropdown icon and the browser's default datalist -->

  <datalist id="browsers">
    <option value="Internet Explorer">Internet Explorer</option>
  <option value="Chrome">Chrome</option>
  <option value="Safari">Safari</option>
    <option value="Microsoft Edge">Microsoft Edge</option>
    <option value="FireFox">FireFox</option>
</body>
</html>

This Pen is owned by Siddhant Jaiswal on CodePen.

See more by @iamsidd_j on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.