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

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?