tutorial pengembangan web terbaru
 

HTML <datalist> Tag


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;
}