Як праверыць адрасы электроннай пошты з HTML5

Што можа быць прасцей, чым стварэнне HTML-формы, якая захоплівае адрасы электроннай пошты, скажам на рассылку навін або апавяшчэння? Памылак друку адрасы электроннай пошты ў той форме, вядома, і тады ваш браўзэр памятаць, што няправільны адрас для ўсіх формы рэгістрацыі прыйсці.

Калі вы хочаце, каб праверыць адрасы электроннай пошты, уведзеныя ў вашу форму, але пазбегнуць складаных майстраваць і скрыпты, HTML5 дазваляе спадзявацца на браўзэры - без намаганняў, і ня звяртаючыся да JavaScript.

Праверка адрасоў электроннай пошты з HTML5

Каб браўзэры карыстальнікаў праверкі адрасы электроннай пошты, паколькі яны ўваходзяць іх у вэб-форму HTML:

Браўзэры, якія ня распазнаюць тып = "электроннай пошты" павінна (і, наколькі можна меркаваць, усё будзе) апрацаваць поле ўводу як звычайны тыпу = поля «тэкст».

HTML5 Адрас электроннай пошты Праверка Засцярогі

Звярніце ўвагу, што HTML праверкі адрасы электроннай пошты будзе працаваць толькі ў браўзэрах, якія падтрымліваюць HTML5 і праверкі ўводу элемента формы. Для іншых браўзэраў і рэзервовага капіявання, вы можаце праверыць адрасы электроннай пошты з дапамогай PHP , напрыклад.

Браўзэры, якія падтрымліваюць HTML5 праверкі адрасы электроннай пошты ўключаюць Safari 5+, Google Chrome 6+, Mozilla Firefox 4 + і Opera 10+. Safari 5 і Google Chrome 6-8 не будуць прымаць недапушчальны ўвод адрасы электроннай пошты, але, у адрозненне ад іншых браўзэраў, не дапамогуць карыстачу выправіць памылку.

HTML5 Адрас электроннай пошты Праверка Прыклад

Займацца браўзэрамі карыстальнікаў для праверкі адрасоў электроннай пошты з HTML5, выкарыстоўвайце наступны код, напрыклад:

<Уваходны тып = "электронная пошта">