HTMLInputElement: list-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Please help us by answering a few questions.
Die schreibgeschützte list-Eigenschaft der HTMLInputElement-Schnittstelle gibt das HTMLDataListElement-Element zurück, auf das durch das list-Attribut des Elements verwiesen wird, oder null, wenn das list-Attribut nicht definiert ist oder der Wert des list-Attributs keinem <datalist> im gleichen Baum zugeordnet ist.
Hinweis:
Dies ist eine schreibgeschützte Eigenschaft. Um ein <datalist> mit einem Element zu verknüpfen, setzen Sie den Wert des list-Attributs mit setAttribute().
Wert
Ein HTMLDataListElement oder null.
Beispiel
Gegeben folgenden HTML-Code:
<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>
Sie können das <datalist>-Element abrufen, das mit dem <input> verknüpft ist:
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement
Spezifikationen
| Specification |
|---|
| HTML # dom-input-list-dev |