Kommentar: Ich glaube, jeder kennt die Verbesserungen von HTML5. Was ich unten vorstellen möchte, sind zwei neue Eingabelement -Typen, E -Mail und URL. Folgen wir dem Code, um ihre Vorteile zu sehen. Interessierte Freunde können sich darauf beziehen.
Im vorherigen Blog -Beitrag haben wir einige HTML5 -Verbesserungen wie Platzhalter, Vorab- und Webstorage erörtert. Was ich unten vorstellen möchte, sind zwei neue Eingabeelementtypen: E -Mail und URL. Folgen wir dem Code, um ihre Vorteile zu sehen:Syntaxformat:
Die neue Eingangstyp -Eigenschaft verwendet E -Mail oder URL anstelle von Text:
<!-E-Mail, nicht@ + nicht@ -Symbole, Sie können auch andere verwenden.
Zum Beispiel [a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/. (Com | cn | org | net)->
<Eingabe type = "E -Mail" muster = "[^@]*@[^@]*" value = "">
<!-URL->
<Eingabe type = "url" value = "">
Mithilfe der einzigartigen Musterdomäne von HTML5 können Sie einen regelmäßigen Ausdruck bereitstellen, um das Format von E -Mail- und URL -Adressen zu überprüfen, die wir in einem anderen Artikel diskutieren werden.
Vorteil
- Spezialer CSS -Stil kann angepasst werden, Eingabe [Typ = E -Mail]
- Spezialer CSS -Stil kann angepasst werden, Eingabe [Typ = URL]
- Weitere semantische Definitionen können gemacht werden
- Anpassungsfähigkeit der mobilen Anwendungen: Der mobile Browser wird spezielle Tastaturen für E -Mail- und URLs ohne Benutzerhandbuch geschaltet.
Zuerst war ich angewidert, unnötige Eingabetypen hinzuzufügen, aber nachdem ich tief nachgedacht habe, denke ich, dass es ein guter Schritt ist, die Benutzererfahrung zu verbessern. Was denken Sie?