Heim > Web-Frontend > H5-Tutorial > Einführung in die URL-Typ- und E-Mail-Typ-Eingabefähigkeiten von element_html5

Einführung in die URL-Typ- und E-Mail-Typ-Eingabefähigkeiten von element_html5

WBOY
Freigeben: 2016-05-16 15:51:07
Original
1607 Leute haben es durchsucht

In der Vergangenheit haben wir bei der Erstellung von Webseiten-Eingabefeldern viel JS-Verifizierung verwendet. Mit HTML5 ist das Schreiben dieses Effekts nun nicht mehr so ​​mühsam. Lassen Sie mich Ihnen zwei neue Arten von HTML5-Eingabeanwendungen vorstellen.
1. URL-Typ:





Nach dem Festlegen dieses Typs ab dem Darstellungspunkt of view Es ist fast dasselbe wie ein gewöhnliches Element, aber wenn Sie diesen Typ in das Formular einfügen und auf die Schaltfläche „Senden“ klicken und die Eingabe in dieses Eingabefeld keine URL-Adresse ist, wird sie nicht gesendet.

Der Vorgangseffekt ist wie folgt:

2. E-Mail-Typ:

 
 

Wenn wir den Typ im obigen URL-Typcode in E-Mail ändern, wird beim Absenden des Formulars automatisch überprüft, ob der Inhalt in diesem Eingabefeld im E-Mail-Format vorliegt. es kann sich nicht unterwerfen.

Wenn Sie etwas nicht verstehen, können Sie auch direkt eine Nachricht an Script House hinterlassen und ich werde Ihnen so schnell wie möglich antworten.
Wenn Sie das verstehen, können Sie es selbst üben und die Übungen veröffentlichen, um allen zu helfen, sich gemeinsam zu verbessern!
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage