Tag HTML <datalist>

  • Halaman Sebelumnya <data>
  • Halaman Berikutnya <dd>

Definisi dan penggunaan

<datalist> Tag <label> untuk Elemen <input>menentukan daftar opsi yang ditentukan sebelumnya.

<datalist> Tag digunakan untuk <input> Elemen menawarkan fungsi "auto-complete". Pada saat pengguna memasukkan data, mereka akan melihat daftar pilihan yang ditentukan sebelumnya.

<datalist> Atribut id elemen harus sama dengan <input> elemen Atribut list（Ini akan menghubungkannya bersama-sama）。

Lihat pula:

Panduan Referensi DOM HTML:Objek Datalist

Contoh

Daftar opsi yang ditentukan sebelumnya (terhubung ke elemen <input>):

<label for="browser">Silahkan pilih peramban Anda dari daftar:</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>

Coba Sendiri

Properti Global

<datalist> Tanda masih mendukung Properti Global HTML.

Properti Acara

<datalist> Tanda masih mendukung Properti Acara dalam HTML.

Pengaturan CSS Default

Sebagian besar peramban akan menampilkan nilai default berikut: <datalist> Elemen:

datalist {
  display: none;
}

Dukungan Peramban

Angka di tabel menunjukkan versi peramban yang mendukung elemen ini penuh pertama kali.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5
  • Halaman Sebelumnya <data>
  • Halaman Berikutnya <dd>