Was sind die neuen Funktionen von HTML5-Formularen?

Die neuen Funktionen von HTML5-Formularen sind: 1. Neue Eingabetypwerte (E-Mail, URL, Nummer, Telefonnummer, Farbe, Datum usw.); 2. Neue Formularelementattribute (Platzhalter, Autofokus, Formular, Minute, max, Muster) warten).

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Die neuen Formularfunktionen von H5 können in zwei Hauptkategorien unterteilt werden.

1. Geben Sie Werte von 10 Eingaben ein

1. E-Mail: E-Mail-Eingabefeld, ermöglicht eine einfache Überprüfung des E-Mail-Formats beim Absenden des Formulars und öffnet ein Eingabeaufforderungsfenster.

2. URL: Adresseingabefeld, das eine einfache Überprüfung des URL-Adressformats ermöglicht und beim Absenden des Formulars ein Eingabeaufforderungsfenster öffnet.

3. Nummer: Nummerneingabefeld. (Min., Max., Schrittweite einstellbar)

4. Tel.: Telefonnummern-Eingabefeld, im mobilen Browser erscheint ein Nummern-Eingabefeld.

5. Suche: Sucheingabefeld, eine Suchschaltfläche erscheint in der unteren rechten Ecke des mobilen Browsers.

6. Bereich: Bereichsauswahlsteuerung.

7. Farbe: Farbauswahlsteuerung.

8. Datum/Monat/Woche: Zeitauswahlsteuerung.

2. 11 neue Attribute von Formularelementen

1. Automatische Vervollständigung, ob zuvor übermittelte Daten für den nächsten Eingabevorschlag automatisch erfasst werden sollen.

2. Platzhalter: Wird zur Anzeige von informativem Text im Eingabefeld verwendet und kann nicht übermittelt werden.

3. Autofokus: Eingabefokus automatisch erhalten.

4. Mehrere: Gibt an, ob mehrere Eingabewerte zulässig sind. Wenn dieses Attribut deklariert ist, können mehrere durch Kommas getrennte Werte in das Eingabefeld eingegeben werden.

5. Formular: Der Wert ist die ID eines Formulars. Wenn festgelegt, kann das Eingabefeld außerhalb des Formulars platziert werden.

6. Erforderlich: Beim Absenden des Formulars wird überprüft, ob eine Eingabe erfolgt. Andernfalls wird eine Eingabeaufforderung angezeigt.

7. maxlength: Begrenzen Sie die maximale Länge. Dies ist nur nützlich, wenn eine Eingabe erfolgt. Es wird nicht zwischen Chinesisch und Englisch unterschieden.

7.5, Minlength: Begrenzt die Mindestlänge, ist jedoch kein H5-Standardattribut und wird nur von einigen Browsern unterstützt.

8. min: Begrenzen Sie den Mindestwert der Eingabenummer.

9. max: Begrenzen Sie den Maximalwert der Eingabenummer.

10. Schritt: Begrenzen Sie die Schrittgröße der Eingabenummer, verwendet in Verbindung mit min.

11. Muster: Geben Sie einen regulären Ausdruck an, um die Eingabe zu überprüfen. (Für reguläre Ausdrücke fügen Sie standardmäßig ^$ am Anfang und am Ende hinzu.)

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas sind die neuen Funktionen von HTML5-Formularen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!