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:-