Kaj bi bilo lahko lažje kot nastavitev HTML obrazca, ki zajame e-poštne naslove, recimo za glasilo ali obvestila? Mistyping e-poštni naslov v tej obliki, seveda, in nato vaš brskalnik ne pozabite, da napačen naslov za vse obrazce prijave, ki prihajajo.
Če želite potrditi e-poštne naslove, ki so vneseni v vaš obrazec, a se izogibate zapletenim tinkeringom in skripti, HTML5 omogoča, da se zanašate na brskalnik - brez napora in brez obračanja na JavaScript.
Potrdite e-poštne naslove z HTML5
Če želite, da brskalniki uporabnikov potrdijo e-poštne naslove, ko jih vnesejo v spletno obliko HTML:
- Prepričajte se, da uporabljate HTML5.
- To lahko storite z uporabo.
- Vnesite element vhodnega elementa e-poštnega naslova kot tip »e-pošta«. (Glej spodaj za primer.)
Brskalniki, ki ne prepoznajo tipa = "e-pošta", bi morali (in, kolikor je mogoče, vse to) obravnavali polje za vnos kot običajno polje "text".
HTML5 e-poštni naslov za preverjanje veljavnosti
Upoštevajte, da bo preverjanje e-poštnega naslova HTML delovalo le v brskalnikih, ki podpirajo HTML5, in preverite vnos elementov obrazca. Za druge brskalnike in varnostno kopiranje lahko na primer še vedno potrdite e-poštne naslove z uporabo PHP-ja .
Brskalniki, ki podpirajo preverjanje e-poštnega naslova HTML5, vključujejo Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ in Opera 10+. Safari 5 in Google Chrome 6-8 ne sprejemata neveljavnega vnašanja e-poštnega naslova, ampak v nasprotju z drugimi brskalniki ne bodo pomagali uporabniku odpraviti napake.
Primer preverjanja e-poštnega naslova HTML5
Če želite vključiti uporabniške brskalnike za preverjanje e-poštnih naslovov z HTML5, uporabite naslednjo kodo, na primer: