Artikeleinführung von Wulin.com (www.vevb.com): xhtml5 Beispiel: HTML5 Formularüberprüfung.
Wenn die Webseite geladen wird, konzentriert sich der Cursor automatisch auf die Stelle, an der der Benutzer eingeben muss, z. B. die Eingabe des Benutzernamens auf der E -Mail -Anmeldeseite. Vorher mussten wir den JavaScript -Code verwenden, um ein bestimmtes Eingabefeld anzugeben, um den Fokus zu erhalten, wenn die Webseite angezeigt wird. Jetzt unterstützt HTML 5 direkt das Hinzufügen des Autofocus -Attributs zum Eingabefeld.
1 <Eingabe type = text id = userername name = userername autofocus />
Vorher mussten wir JavaScripts Onblur und Onfocus verwenden, um die schnellen Informationen eines Eingabefeldes zu implementieren. Jetzt müssen wir jedoch nur noch ein Platzhalterattribut hinzufügen.
1 <Eingabe type = E -Mail -ID = uemail name = uemail [email protected] erforderlich />
Erforderliche Beurteilungsgegenstände
Bestimmen Sie das Datenformat
Sie können direkt ziehen, wodurch der Mindestwert, den Maximalwert und die Schrittgröße für jeden Widerstand festgelegt werden kann.
1 <Eingangstyp = Bereich min = 1 max = 100 Schritt = 10 name = s />
Sie können Operationen direkt hinzufügen oder subtrahieren, indem Sie rechts auf die Auf- und Ab -Pfeile klicken.
Es kann jetzt als beliebte AJAX-Eingangsaufforderung oder als bearbeitbares Dropdown-Menü verwendet werden. Sie können es selbst eingeben oder direkt nach unten ziehen, um es auszuwählen.
1 <Eingabe -ID = Suchtyp = URL -Liste = Suchliste erforderlich />
2 <Datalist ID = SearchList>
3 <Option Value = Label = Google />
4 <Option Value = Label = Yahoo />
5 <Optionswert = Label = Bing />
6 <Optionswert = Label = Baidu />
7 </datalist>
Vollständige Demo: Bitte verwenden Sie die neueste Version von Chrome+Oprea, um zusammen zu durchsuchen, um alle Effekte zu sehen