Commentaire: J'ai déjà ignoré les fonctions puissantes de HTML5, mais je ne sais pas que la plupart des données doivent être vérifiées par moi-même, et je n'ai pas besoin de modules complémentaires pour afficher le calendrier. Je vais partager quelques petites fonctions avec vous.
1. Boîte d'entrée Email pour vérifier automatiquement la validité de l'e-mail.<! Doctype html>
<html>
<body>
<form action = "#" méthode = "get">
E-mail: <entrée type = "e-mail" />
<input type = "soumi" />
</ form>
</docy>
</html>
2. Number d'entrée numérique, vérifiez qu'il est correct et que le bit de début et de fin peut être défini.
<! Doctype html>
<html>
<body>
<form action = "#" méthode = "get">
<input type = "nombre" Step = "5" min = "5" max = "20" value = "0" />
<input type = "soumi" />
</ form>
</docy>
</html>
3. La boîte d'entrée d'URL peut vérifier la validité de l'entrée d'URL.
<formulaire form = # méthode = get> url: <input type = url name = user_email /> <br /> <input type = soumed / </ form>
4.Date Pickers (date, mois, semaine, heure, DateTime, DateTime-local) Boîte de sélection, vous pouvez sélectionner la date, l'heure, le mois et la semaine.
<! Doctype html>
<html>
<body>
<form action = "#" méthode = "get">
Date: <entrée type = "Date" />
mois: <entrée type = "mois" />
semaine: <entrée type = "semaine" />
Temps: <entrée type = "Time" />
DateTime: <input type = "DateTime" />
DateTime-local: <input type = "DateTime-Local" />
<input type = "soumi" />
</ form>
</docy>
</html>
5. Sélection d'entrée du Datalist.
<! Doctype html> <html>
<body>
<form action = "#" méthode = "get">
Page Web: <input 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> <TYPE INPUT = "Soumide" />
</ form>
</docy>
</html>