Artikel Pengenalan Wulin.com (www.vevb.com): Datasist umumnya tidak pergi sendiri, itu perlu digunakan dengan tag input, seperti tag label dan tag input. Karena digunakan dengan tag input, harus ada "hubungan khusus" antara kedua tag ini, jika tidak input dan distalist tidak akan saling mengenali. Jadi bagaimana mereka bisa membangun hubungan ini? Saat ini kita membutuhkan
CATATAN: Dalam beberapa tutorial atau materi lain, tag datalist disebut daftar drop-down. Saya pikir nama ini tidak cukup akurat dan saya tidak dapat memahami tag ini sekaligus. Misalnya, beberapa waktu yang lalu: Seorang teman bertanya kepada saya apakah distalist adalah pilihan yang dapat menyesuaikan gaya? , Saya kemudian mengetahui bahwa beberapa buku atau tutorial memanggil daftar drop-down, yang mengarah pada kesalahpahaman pemula. Jadi bagaimana tag ini menyebutnya? Setelah kami membaca kasus -kasus berikut, saya akan menjelaskan:Tag datalis:
PENDAHULUAN DATALIS:
Datasist umumnya tidak pergi sendiri, perlu digunakan dengan tag input, seperti tag label dan tag input. Karena digunakan dengan tag input, harus ada hubungan khusus antara kedua tag ini, jika tidak, input dan distalist tidak akan saling mengenali. Jadi bagaimana mereka bisa membangun hubungan ini? Pada saat ini, kita memerlukan daftar atribut baru (catatan, bukan untuk). Daftar sama dengan untuk. Nilai daftar diatur ke ID elemen formulir, sehingga mereka akan secara otomatis terkait.
Chrome tidak mendukung tag ini, Firefox dan Opera dapat mendukungnya dengan baik
Fungsi datalist:
Kami sering melihat di kotak pencarian online bahwa ketika Anda memasukkan karakter, kata kunci yang Anda masukkan akan secara otomatis terdaftar di bawah kotak input, seperti pencarian Google atau Baidu, seperti yang ditunjukkan pada gambar di bawah ini:
Efek ini tidak diimplementasikan dengan teknologi datasist HTML5
Kasus datalist:
Deskripsi Datasist:
Saya pribadi berpikir lebih tepat untuk memanggil daftar penyelesaian otomatis karena itu bukan daftar drop-down.