Spread the love

The <datalist> Tag is used to enable the “autocomplete” feature for elements. Users will see a drop-down list of predefined options before entering data.

The HTML <datalist> Tag is used to autocomplete the feature on the form element. It provides a list of predefined options for users to select data.

The <datalist> Tag should be used with the <input <element with the “list” attribute. The value of the “list” attribute is associated with the datalist ID.


<!DOCTYPE html>
	<meta charset="utf-8">
		HTML datalist Tag

	<h1>HTML Datalist Tag Example</h1>

  <label for="tutorials">Choose your tutorial from the list:-</label>
  <input list="myprogrming" name="tutorials" id="browser">
  <datalist id="myprogrming">
    <option value="HTML" >
    <option value="JavaScript">
    <option value="C">
    <option value="Bootstrap">
    <option value="WordPress">
    <option value="CSS">



HTML Datalist Tag Example

HTML datalist Tag

Spread the love

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *