Apa yang bisa lebih mudah daripada menyiapkan formulir HTML yang menangkap alamat email, misalnya untuk buletin atau pemberitahuan? Salah mengetik alamat email dalam formulir itu, tentu saja, dan kemudian browser Anda mengingat bahwa salah alamat untuk semua formulir pendaftaran yang akan datang.
Jika Anda ingin memvalidasi alamat email yang dimasukkan ke dalam formulir Anda, tetapi menghindari mengotak-atik dan skrip yang rumit, HTML5 memungkinkan Anda mengandalkan browser - tanpa usaha, dan tanpa beralih ke JavaScript.
Validasi Alamat Email dengan HTML5
Agar browser pengguna memvalidasi alamat email saat mereka memasukkannya dalam formulir web HTML Anda:
- Pastikan Anda menggunakan HTML5.
- Anda dapat melakukannya dengan menggunakan.
- Tentukan elemen masukan formulir alamat email sebagai ketik "email". (Lihat di bawah untuk contoh.)
Browser yang tidak mengenali jenis = "email" harus (dan, sejauh yang bisa dikatakan, semua akan) memperlakukan bidang input seperti jenis biasa = "teks" lapangan.
HTML5 Email Address Validation Caveats
Perhatikan bahwa validasi alamat email HTML hanya akan berfungsi di browser yang mendukung HTML5 dan memvalidasi masukan elemen formulir. Untuk browser dan cadangan lainnya, Anda masih dapat memvalidasi alamat email menggunakan PHP , misalnya.
Browser yang mendukung validasi alamat email HTML5 termasuk Safari 5+, Google Chrome 6+, Mozilla Firefox 4+, dan Opera 10+. Safari 5 dan Google Chrome 6-8 tidak akan menerima masukan alamat email yang tidak valid tetapi, tidak seperti browser lainnya, tidak akan membantu pengguna memperbaiki kesalahan.
Contoh Validasi Alamat Email HTML5
Untuk melibatkan browser pengguna untuk memvalidasi alamat email dengan HTML5, gunakan kode berikut, misalnya: