Der erste Wissenspunkt: Attribute und Zusammenfassung von Formularen
Der zweite Wissenspunkt: Die neuen Formularsteuerelemente und -eigenschaften sowie die Zusammenfassung von H5
Der erste Wissenspunkt:Was sind unsere gängigen Formularvalidierungen?
Textfeldbeschriftung
Passwort-Passwort-Feld
Kontrollkästchen mehrere Kontrollkästchen
Radio-Radio-Button
Knopfknopf
Schaltfläche „Senden“ senden
Die oben genannten sind einige unserer häufig verwendeten Formularattribute
Der zweite Wissenspunkt: H5 neue Eingabesteuerung(1) E-Mail: E-Mail-Textfeld, unterscheidet sich nicht von gewöhnlichen
1. Wenn es sich bei der Eingabe nicht um eine E-Mail-Adresse handelt, schlägt die Überprüfung fehl.
2. Die mobile Tastatur ändert sich
(2) Tel: Telefonnummer
1. Hauptsächlich auf mobilen Endgeräten, eine Tastaturumschaltung
(3) URL: URL der Webseite
Geben Sie die richtige URL ein
(4) Sear: Suchmaschine
1. Nach der Texteingabe in Chrome wird ein zusätzliches geschlossenes x angezeigt
(5) Bereich: Werteauswahl innerhalb eines bestimmten Bereichs
1.min, max, Schritt (Anzahl der Schritte)
2. Beispiel: Verwenden Sie js, um den aktuellen Wert anzuzeigen
(6) Zahl: Ein Eingabefeld, das nur Zahlen enthalten kann
(7) Farbe: Farbauswahl
(8) detetime zeigt das vollständige Datum an
(9) Autovervollständigung: Gibt an, ob der Benutzereingabewert gespeichert werden soll
Die Standardeinstellung ist „Ein“. Um die Eingabeaufforderung auszuschalten, wählen Sie „Aus“.
(10): Geben Sie das Formular an, um den Eingabefokus zu erhalten
(11): Dieses Element ist erforderlich und darf nicht leer sein
Wenn Sie nur in das erste Eingabefeld schreiben, erscheint das zweite Eingabefeld. Bitte füllen Sie dieses Feld aus.
(12) parrern: reguläre Überprüfung pattrn=/d{1,5}
Der von mir festgelegte reguläre Ausdruck ist 1-5 Zahlen. Wenn es sich nicht um die Zahl handelt, schlägt die Übermittlung fehl.
ZusammenfassenDas Obige ist eine detaillierte Erklärung der vom Herausgeber eingeführten neuen HTML5-Formularsteuerelemente und Formularattribut-Beispielcodes. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Der Herausgeber wird Ihnen dann antworten Zeit!