In HTML5 <datalist>element can be used in conjunction with an <input> element that contains a list of attribute. We create list with <option>element inside in <datalist>element. The list attribute is linked to the <datalist> element by the <datalist>element id. The datalist element specifies a list of option for an input field. To bind a datalist to an input field, let the list attribute of the input field refer to the id of the datalist. This will work as autocomplete textbox in html.

Code:
<body>
    Enter your favorite Crickter
    <input type="text" id="Cricktername" list="name">
    <datalist id="name">
      <option value="Sachin Tendulkar" />
      <option value="Virender Shewag" />
      <option value="M S Dhoni" />
      <option value="Yuvraj Singh" />
      <option value="Suresh Raina" />
      <option value="Yusuf Pathan" />
    </datalist>
</body>

HTML5 datalist element

  Modified On Nov-30-2017 02:01:06 AM

Leave Comment