Komentar: Saya percaya semua orang tahu peningkatan HTML5. Yang ingin saya perkenalkan di bawah ini adalah dua jenis elemen input baru, email dan URL. Mari ikuti kode untuk melihat manfaatnya. Teman yang tertarik dapat merujuknya.
Dalam posting blog sebelumnya, kami telah membahas beberapa perbaikan HTML5, seperti placeholder, prefetching dan WebStorage. Yang ingin saya perkenalkan di bawah ini adalah dua jenis elemen input baru: email dan URL. Mari ikuti kode untuk melihat manfaatnya:Format Sintaks:
Properti Jenis Input Baru akan menggunakan email atau URL sebagai ganti teks:
<!-Email, non-@ + simbol non-@, Anda juga dapat menggunakan yang lain,
Misalnya [a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/. (Com | cn | org | net)->
<input type = "email" pola = "[^@]*@[^@]*" value = "">
<!-url->
<input type = "url" value = "">
Menggunakan domain pola unik HTML5, Anda dapat memberikan ekspresi reguler untuk memverifikasi format alamat email dan URL, yang akan kami diskusikan di artikel lain.
keuntungan
- Gaya CSS khusus dapat disesuaikan, input [type = email]
- Gaya CSS khusus dapat disesuaikan, input [type = url]
- Lebih banyak definisi semantik dapat dibuat
- Aplikasi Seluler Adaptasi: Browser seluler akan memunculkan keyboard khusus untuk email dan URL tanpa switching manual pengguna.
Pada awalnya saya jijik dengan menambahkan jenis input yang tidak perlu, tetapi setelah berpikir secara mendalam, saya pikir itu adalah langkah yang baik untuk meningkatkan pengalaman pengguna. Bagaimana menurutmu?