Fungsi Syntax HTML 5 Datalist

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.

18 Mei 2014

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat