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.

Example:-

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>
		HTML datalist Tag
	</title>
</head>
<body>

	<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">
  </datalist>

</body>
</html>
 

Output:-

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 *