Contoh
Sebuah <input> elemen dengan nilai-nilai yang telah ditetapkan dalam <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Cobalah sendiri " Definisi dan Penggunaan
The <datalist> tag menentukan daftar pilihan yang telah ditetapkan untuk <input> elemen.
The <datalist> tag digunakan untuk memberikan "autocomplete" fitur pada <input> elemen. Pengguna akan melihat daftar drop-down pilihan yang telah ditentukan karena mereka input data.
Gunakan <input> elemen atribut daftar untuk mengikat bersama-sama dengan <datalist> elemen.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen.
| Elemen | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10,0 | 4.0 | Tidak didukung | 9.0 |
Perbedaan Antara HTML 4.01 dan HTML5
The <datalist> tag yang baru di HTML5.
Atribut global
The <datalist> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <datalist> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Referensi HTML DOM: Obyek Datalist
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <datalist> elemen dengan nilai default berikut:
datalist {
display: none;
}