list HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het list attribuut?
Koppelt een <input> aan een <datalist> met bijbehorend id, waardoor de browser een lijst met suggesties toont terwijl de gebruiker typt. De gebruiker kan nog steeds een eigen waarde invoeren.
<input type="text" list="browsers" name="browser">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Safari">
</datalist>Welke HTML-elementen kennen list?
<input>
Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...
De waarde van het list-attribuut moet de id zijn van een <datalist>-element in hetzelfde document. De <datalist> biedt een lijst met vooraf gedefinieerde waarden die aan de gebruiker worden voorgesteld voor dit invoerveld. Waarden in de lijst die niet compatibel zijn met het type worden niet opgenomen in de voorgestelde opties. De aangeboden waarden zijn suggesties, geen vereisten: gebruikers kunnen kiezen uit deze vooraf gedefinieerde lijst of een andere waarde opgeven.
Het is geldig voor text, search, url, tel, email, date, month, week, time, datetime-local, number, range en color.
Volgens de specificaties wordt het list-attribuut niet ondersteund door hidden, password, checkbox, radio, file, of een van de knoptypen.
Afhankelijk van de browser kan de gebruiker een aangepast kleurenpalet zien, streepjes langs een schuifbalk, of zelfs een invoerveld dat opent als een <select> maar ook niet-vermelde waarden toestaat. Raadpleeg de browsercompatibiliteitstabel voor de andere invoertypen.
Zie het <datalist>-element.