HTML <datalist> tag
HTML <datalist> tag : Definition
• The HTML <datalist> tag represents a list of pre-defined options for an <input> element.
• The <datalist> tag is used to provide an "autocomplete" feature for <input> elements, which users will see a list of drop-down which are pre-defined options as the input data.
• The <datalist> tag provides a list of predefined options to the users to select the data among them.
<datalist> tag example :
<!DOCTYPE html> <html> <body> <form action="#" method=""> <label for="browser">Enter first letter of the months:</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="January"> <option value="February"> <option value="March"> <option value="April"> <option value="May"> <option value="Jun"> <option value="July"> <option value="August"> <option value="September"> <option value="October"> <option value="November"> <option value="December"> </datalist> <input type="submit"> </form> <p><strong>Note:</strong> The datalist tag is not supported in Safari 12.0 (or earlier).</p> </body> </html>
OUTPUT :
The datalist element example
Note: The datalist tag is not supported in Safari 12.0 (or earlier).