Komentar: Artikel ini terutama memperkenalkan contoh penggunaan tag datalis HTML5 (komponen lengkap secara otomatis). Teman yang membutuhkannya bisa merujuknya
Di masa lalu, saya perlu menulis komponen penyelesaian otomatis (Saran) di JS, yang sangat sulit. Di era HTML5, tidak perlu lagi. Ini menggunakan tag distalist secara langsung, yang secara langsung mengurangi beban kerja. sebagai berikut
<! Doctype html>
<Html>
<head>
<Title> HTML5 Datalis Tag </iteme>
<meta charset = "UTF-8">
</head>
<p>
Versi Browser: <Input List = "Words">
</p>
<Katalis>
<Nilai opsi = "Internet Explorer">
<nilai opsi = "firefox">
<nilai opsi = "chrome">
<nilai opsi = "opera">
<nilai opsi = "safari">
<nilai opsi = "sogou">
<Opsi value = "maxthon">
</Datalist>
</body>
</html>
Datasist menyediakan daftar yang telah ditentukan sebelumnya, yang terkait dengan input melalui ID. Ketika input dimasukkan dalam input, akan ada fungsi penyelesaian otomatis, dan pengguna akan melihat daftar drop-down untuk dipilih.
Chrome/Firefox/Opera dan IE10+ didukung, dan Safari masih belum didukung sampai versi 7.