• In HTML <datalist> tag is used to provide autocomplete feature in the files.
  • Users can easily fill the data in the forms using select the data because it is used by an input tag.
  • It provides a list of predefined options for the users to select data.

Sample Code

<!DOCTYPE html>

<h1>The datalist element</h1>

<form action="/action_page.php" method="get">
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
<input type="submit">

<p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0 (or earlier).</p>



Categorized in: