Fungsi Syntax HTML 5 Datalist

18/05/2014    Rully Febrian    1359     Website

Hallo teman-teman pada artikel ini kita akan belajar fungsi datalist pada HTML 5. DataList elemen pada dasarnya digunakan untuk  formulir otomatis. Data lengkap dimasukkan ke dalam kotak pilihan, dan ketika pengguna klik dua kali field input pilihan tersebut sudah terseret. Ini adalah fitur terbaik jika pengguna tidak tahu apa yang harus diisi pada kotak input. Lebih jelas mari kita langsung mengetik kode HTML di bawah ini :

datalist-html5

 

Simpan kode HTML diatas dan coba jalankan di browser. Teman-teman akan melihat hasilnya seperti ini .

text-datalist

Jika teman-teman double klik pada textbox maka datalist yang telah di daftarkan akan terlihat seperti dibawah ini.

datalist-html5

Demikian tutorial ini semoga menambah pengetahuan teman-teman tentang fungsi syntax dari HTML 5. Terimakasih tetap semangat ya dan tunggu tutorial saya selanjutnya.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More