Heim > Web-Frontend > H5-Tutorial > HTML5-Eingabeelementtypen: E-Mail- und URL-Einführung_HTML5-Tutorial-Fähigkeiten

HTML5-Eingabeelementtypen: E-Mail- und URL-Einführung_HTML5-Tutorial-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:49:01
Original
2587 Leute haben es durchsucht

Im vorherigen Blogbeitrag haben wir einige Verbesserungen in HTML5 besprochen, wie z. B. Platzhalter, Prefetching und WebStorage. Im Folgenden möchte ich zwei neue Eingabeelementtypen vorstellen: E-Mail und URL. Folgen wir dem Code, um ihre Vorteile zu sehen:

Syntaxformat:
Neues Eingabetypattribut, verwendet E-Mail oder URL anstelle von Text:

Code kopieren
Der Code lautet wie folgt:

; input type="url" value="">


Mit dem für HTML5 einzigartigen Musterattributfeld können Sie einen regulären Ausdruck bereitstellen, um das Format von E-Mail- und URL-Adressen zu überprüfen. Wir werden dieses Thema in einem anderen Artikel besprechen.


Vorteile
- Sie können spezielle CSS-Stile anpassen, Eingabe[type=email] - Sie können spezielle CSS-Stile anpassen, Eingabe[type=url]
- Es können mehr semantische Definitionen erstellt werden
- Anpassungsfähigkeit mobiler Anwendungen: Mobile Browser zeigen spezielle Tastaturen für E-Mail und URL an, ohne dass Benutzer manuell wechseln müssen.

Zuerst war ich vom Hinzufügen redundanter Eingabetypen angewidert, aber nachdem ich gründlich darüber nachgedacht habe, denke ich, dass es ein guter Schritt ist, um die Benutzererfahrung zu verbessern. Was denken Sie?
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