HTML <datalist> Merker
Voorbeeld
'n Datalys met vooraf gedefinieerde opsies (gekoppel aan 'n <invoer>-element):
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Definisie en gebruik
Die <datalist>
merker spesifiseer 'n lys van vooraf gedefinieerde opsies vir 'n <invoer> element.
Die <datalist>
merker word gebruik om 'n "outovoltooi"-kenmerk vir <invoer>-elemente te verskaf. Gebruikers sal 'n aftreklys van vooraf gedefinieerde opsies sien terwyl hulle data invoer.
Die <datalist>
element se id-kenmerk moet gelyk wees aan die <input>-element se lyskenmerk (dit bind hulle saam).
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die element ten volle ondersteun.
Element | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Globale eienskappe
Die <datalist>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <datalist>
merker ondersteun ook die gebeurtenis-kenmerke in HTML .
Verwante bladsye
HTML DOM verwysing: Datalist Object
Verstek CSS-instellings
Die meeste blaaiers sal die <datalist>
element met die volgende verstekwaardes vertoon:
datalist {
display: none;
}