Sut i Ddileu Cyfeiriad E-bost gyda HTML5

Beth allai fod yn haws na sefydlu ffurflen HTML sy'n dal cyfeiriadau e-bost, dywedwch am gylchlythyr neu hysbysiadau? Mistyping cyfeiriad e-bost yn y ffurflen honno, wrth gwrs, ac yna mae eich porwr yn cofio bod cyfeiriad anghywir ar gyfer yr holl ffurflenni arwyddo i ddod.

Os ydych chi eisiau dilysu cyfeiriadau e-bost a gofrestrwyd i'ch ffurflen ond osgoi tincio a sgriptiau cymhleth, mae HTML5 yn gadael i chi ddibynnu ar y porwr - heb ymdrech, a heb droi at JavaScript.

Dilyswch Gyfeiriadau E-bost gyda HTML5

Er mwyn i borwyr defnyddwyr ddilysu cyfeiriadau e-bost wrth iddynt eu nodi yn eich ffurflen we HTML:

Ni ddylai porwyr nad ydynt yn adnabod math = "e-bost" (a, cyn belled ag y gall un ddweud, pob un) drin y maes mewnbwn fel maes cyffredin = "testun".

Caveats Dilysu Cyfeiriad Ebost HTML5

Sylwch na fydd dilysu cyfeiriad e-bost HTML yn gweithio mewn porwyr sy'n cefnogi HTML5 ond yn dilysu mewnbwn yr elfen ffurf. Ar gyfer porwyr a chefn wrth gefn eraill, gallwch ddilysu cyfeiriadau e-bost gan ddefnyddio PHP , er enghraifft.

Mae porwyr sy'n cefnogi dilysu cyfeiriad e-bost HTML5 yn cynnwys Safari 5+, Google Chrome 6+, Mozilla Firefox 4+ ac Opera 10+. Ni fydd Safari 5 a Google Chrome 6-8 yn derbyn mewnbwn cyfeiriad e-bost annilys ond, yn wahanol i'r porwyr eraill, ni fydd yn helpu'r defnyddiwr i gywiro'r gwall.

Enghraifft Dilysu Cyfeiriad Ebost HTML5

Er mwyn cysylltu porwyr defnyddwyr i ddilysu cyfeiriadau e-bost gyda HTML5, defnyddiwch y cod canlynol, er enghraifft: