Kommentar: Ich habe die leistungsstarken Funktionen von HTML5 vorher ignoriert, aber ich weiß nicht, dass die meisten Daten damit überprüft werden müssen, und ich muss nicht hinzufügen, um den Kalender anzuzeigen. Ich werde einige kleine Funktionen mit Ihnen teilen.
1. EMail Eingabefeld, um die Gültigkeit der E -Mail automatisch zu überprüfen.<! DocType html>
<html>
<body>
<form action = "#" method = "get">
E-Mail: <Eingabe type = "E-Mail"/>
<input type = "subieren"/>
</form>
</body>
</html>
2. Nummerieren Sie die digitale Eingabe, stellen Sie sicher, dass es korrekt ist und das Start- und Endbit festgelegt werden kann.
<! DocType html>
<html>
<body>
<form action = "#" method = "get">
<Eingabetyp = "Zahl" Schritt = "5" min = "5" max = "20" value = "0"/>
<input type = "subieren"/>
</form>
</body>
</html>
3. Das URL -Eingangsfeld kann die Gültigkeit des URL -Eingangs überprüfen.
<form action =# method = get> url: <Eingabe type = url name = user_email/> <br/> <Eingabe type = subieren/</form>
4. Verpfändung (Datum, Monat, Woche, Zeit, DateTime, DateTime-Lokal) Auswahlfeld, Sie können Datum, Uhrzeit, Monat und Woche auswählen.
<! DocType html>
<html>
<body>
<form action = "#" method = "get">
Datum: <Eingabe type = "Datum"/>
Monat: <Eingabe type = "Monat"/>
Woche: <Eingabe type = "Woche"/>
Zeit: <Eingabe type = "Zeit"/>
DateTime: <Eingabe type = "DateTime"/>
datetime-local: <input type = "datetime-local"/>
<input type = "subieren"/>
</form>
</body>
</html>
5. DATALIST -Eingabeauswahl.
<! DocType html> <html>
<body>
<form action = "#" method = "get">
Webseite: <Eingabe type = "url" list = "url_list" value = "fdf"/>
<Datalist>
<option label = "w3school" value = "http://www.w3school.com.cn"/>
<option label = "microsoft" value = "http://www.microsoft.com"/>
</datalist> <Eingabe type = "subieren"/>
</form>
</body>
</html>