Jenis elemen input HTML5: e-mel dan url pengenalan_html5 kemahiran tutorial

Dalam catatan blog sebelum ini, kami telah membincangkan beberapa penambahbaikan dalam HTML5, seperti pemegang tempat, prefetching dan webStorage Apa yang saya ingin perkenalkan di bawah ialah dua jenis elemen input baharu: e-mel dan url. Mari ikuti kod untuk melihat faedahnya:

Format sintaks:
Atribut jenis input baharu, akan menggunakan e-mel atau url dan bukannya teks:

Salin kod

Kod tersebut adalah seperti berikut:

; input type="url" value="">

Menggunakan medan atribut corak yang unik untuk HTML5, anda boleh memberikan ungkapan biasa untuk mengesahkan format alamat e-mel dan url. Kami Topik ini akan dibincangkan dalam artikel lain.


Kelebihan - Anda boleh menyesuaikan gaya css khas, input[type=email]
- Anda boleh menyesuaikan gaya css khas, input[type=url]
- Lebih banyak definisi semantik boleh dibuat
- Kebolehsuaian aplikasi mudah alih: Penyemak imbas mudah alih akan muncul papan kekunci khas untuk e-mel dan URL, tanpa memerlukan pengguna menukar secara manual.

Pada mulanya saya berasa jijik dengan menambah jenis input yang berlebihan, tetapi selepas memikirkannya secara mendalam, saya fikir ia adalah langkah yang baik untuk menambah baik pengalaman pengguna. Apakah pendapat anda?