Apa yang lebih mudah daripada membuat borang HTML yang menangkap alamat e-mel, katakan untuk surat berita atau pemberitahuan? Mistyping alamat e-mel dalam bentuk itu, tentu saja, dan kemudian peramban anda ingat bahawa alamat yang salah untuk semua borang pendaftaran akan datang.
Sekiranya anda mahu mengesahkan alamat e-mel yang dimasukkan ke dalam borang anda tetapi elakkan tinkering rumit dan skrip, HTML5 membolehkan anda bergantung kepada pelayar - tanpa usaha, dan tanpa beralih ke JavaScript.
Mengesahkan Alamat E-mel dengan HTML5
Untuk mempunyai penyemak imbas pengguna mengesahkan alamat e-mel ketika mereka memasukkannya dalam bentuk web HTML Anda:
- Pastikan anda menggunakan HTML5.
- Anda boleh melakukannya dengan menggunakan.
- Tentukan elemen input borang alamat e-mel sebagai jenis "e-mel". (Lihat di bawah untuk contoh.)
Pelayar yang tidak mengenali jenis = "e-mel" sepatutnya (dan, sejauh mana yang dapat diketahui, semua akan) merawat medan input seperti medan jenis jenis = "teks".
Alamat E-mel HTML5 Alamat Pengesahan
Ambil perhatian bahawa pengesahan alamat e-mel HTML hanya akan berfungsi dalam penyemak imbas yang menyokong HTML5 dan mengesahkan input elemen borang. Untuk penyemak imbas lain dan sandaran, anda masih boleh mengesahkan alamat e-mel menggunakan PHP , contohnya.
Pelayar yang menyokong pengesahan alamat e-mel HTML5 termasuk Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ dan Opera 10+. Safari 5 dan Google Chrome 6-8 tidak akan menerima input alamat e-mel yang tidak sah tetapi tidak seperti penyemak imbas lain, tidak akan membantu pengguna membetulkan ralat tersebut.
Example Validation Email Email HTML5
Untuk melibatkan penyemak imbas pengguna untuk mengesahkan alamat e-mel dengan HTML5, gunakan kod berikut, contohnya: