HTMLDataListElement <datalist>

In order to manipulate <datalist> elements and their content, the HTMLDataListElement interface offers special properties in addition to the HTMLElement object interface, which is also made available to it by inheritance. A list of pre-defined options for a "input" element is specified using the <datalist> tag. The "autocomplete" function for <input> elements is provided by the <datalist> tag. As they enter data, users will see a list of pre-defined options in a drop-down menu. The list attribute of the input element and the <datalist> element's id attribute must match (this binds them together).

Browser Compatibility

Element Chrome Edge Firefox Safari Opera
<datalist> Yes Yes Yes Yes Yes