HTMLInputElement: list property
The list
read-only property of the HTMLInputElement
interface returns the HTMLDataListElement
pointed to by the list
attribute of the element, or null
if the list
attribute is not defined or the list
attribute's value is not associated with any <datalist>
in the same tree.
Note: This is a read-only property. To associate a <datalist>
with an element, set the value of the list
attribute with setAttribute()
.
Value
An HTMLDataListElement
or null
.
Example
Given the following HTML:
html
<label for="planet">Which planet are you from?</label>
<input id="planet" type="text" list="superhero" />
<datalist id="superhero">
<option value="Azarath" />
<option value="Krypton" />
<option value="Tamaran" />
</datalist>
You can retrieve the <datalist>
element associated with the <input>
:
js
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement
Specifications
Specification |
---|
HTML Standard # dom-input-list-dev |
Browser compatibility
BCD tables only load in the browser