Што може да биде полесно од поставување на HTML-форма која ги фаќа адресите на е-пошта, да речеме за билтен или известувања? Mistyping е-мејл адреса во таа форма, се разбира, а потоа вашиот пребарувач се сеќавам дека неточни адреса за сите формулари за регистрација што треба да дојдат.
Ако сакате да ги проверите е-адресите внесени во вашата форма, но избегнувајте комплицирано синхронизација и скрипти, HTML5 ви овозможува да се потпрете на прелистувачот - без напор и без претворање во JavaScript.
Потврдете ги е-адресите со HTML5
За да имаат прелистувачи на корисниците валидни адреси на е-пошта, како што тие ги внесуваат во вашата HTML веб-форма:
- Бидете сигурни дека користите HTML5.
- Можете да го направите тоа со користење.
- Наведете го елементот за внесување на формуларот за е-пошта како тип "е-пошта". (Погледнете подолу за пример.)
Прелистувачите кои не препознаваат тип = "е-пошта" треба (и, колку што може да се каже, сите ќе ги третираат полето за внесување како обичен тип = "текст" поле.
HTML5 е-пошта за потврдување на е-пошта
Забележете дека валидацијата на е-мејл адреси на HTML ќе работи само во прелистувачи кои поддржуваат HTML5 и потврдуваат внесување на елементот од форма. За други пребарувачи и резервна копија, сеуште можете да ги проверите е-адресите користејќи PHP , на пример.
Прелистувачи кои поддржуваат валидација на е-адреси на HTML5 вклучуваат Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ и Opera 10+. Safari 5 и Google Chrome 6-8 нема да прифатат неважечки влез на е-пошта, но, за разлика од другите прелистувачи, нема да им помогне на корисникот да ја исправи грешката.
Пример за валидација на е-мејл адреси HTML5
За да ги вклучите прелистувачите на корисниците за проверка на е-адреси со HTML5, користете го следниов код, на пример:
<влез тип = "е-пошта">