Tag HTML <datalist>
Contoh
Daftar data dengan opsi yang telah ditentukan sebelumnya (terhubung ke elemen <input>):
<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>
Definisi dan Penggunaan
Tag <datalist>menentukan daftar opsi yang telah ditentukan sebelumnya untuk elemen <input>.
Tag <datalist>digunakan untuk menyediakan fitur "pelengkapan otomatis" untuk elemen <input>. Pengguna akan melihat daftar drop-down dari opsi yang telah ditentukan saat mereka memasukkan data.
Atribut <datalist>id elemen harus sama dengan atribut list elemen <input> (ini mengikat mereka bersama).
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen tersebut.
| Element | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Atribut Global
Tag <datalist>juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <datalist>juga mendukung Atribut Peristiwa dalam HTML .
Halaman Terkait
Referensi DOM HTML: Objek Datalist
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <datalist>elemen dengan nilai default berikut:
datalist {
display: none;
}