Commentaire: Les fonctions absolument puissantes des formes HTML5 sont introduites en détail dans cet article, notamment: les propriétés du formulaire, et il y a des rendus. Vous pouvez vous référer à eux.
1. Vérification automatique de l'e-mail ne nécessite que Type = Email2. Vérification de la date (année, mois, date): type = date
3. Vérification du temps (format: 00:00): Type = Temps
4. Vérification des nombres (peut être additionné et soustrait vers le bas) type = nombre
5. mois (--an - month) type = mois
6. Semaine (----------------------------------------------------------------------------------------------------------------------
7. Plage (plage 0-100) type = plage
8. Type de recherche = Recherche
9. Collection de couleurs: type = couleur
10. Vérification de l'URL (doit être précédée) Type = URL
<form action = "myform.php" méthode = 'post'>
Email: <entrée type = "e-mail" requis = "requis" /> <br/>
Date: <entrée type = "Date" /> <br/>
Temps: <input type = "time" /> <br/>
Numéro: <entrée type = "nombre" /> <br/>
Mois: <entrée type = "mois" /> <br/>
Semaine: <entrée type = "semaine" /> <br/>
plage: <entrée type = "range" /> <br/>
Recherche: <entrée type = "Search" /> <br/>
Couleur: <Type d'entrée = "Color" /> <br/>
<input type = "text" value = "" list = "film" />
<datalist>
<Option> hahaha </opoption>
<option> hey hey hey hey </ option>
<Option> hehehe </ option>
</DATATALIST>
<input type = "soumi" value = "soumi" />
</ form>
url: <input type = "url" requis = "requise" form = "myform" /> <br/>
Nom d'utilisateur: <input type = "text" requis = "requis" placeholder = "s'il vous plaît entrez nom d'utilisateur" form = "myform" autofocus = "autofocus" pattern = '/ w {5}' />
Attribut de formulaire HTML Ajout
1. Requis = requis. Requis.
2. Paceholder = Veuillez saisir la valeur par défaut du nom d'utilisateur. L'invite n'est pas soumise au serveur.
3. Autofocus = fonction automatique automatique pour améliorer l'quirété
4. Pattern = '/ w {5}' Remplissez l'expression régulière dans l'élément HTML
Vous pouvez soumettre des formulaires en dehors des formulaires, mais dans <input form = myform />, form = myform doit être égal à la valeur de l'ID dans la forme de la forme, c'est-à-dire: <form id = myform> </ form>
Remplissez automatiquement le formulaire: (L'effet se sent beaucoup mieux que la liste déroulante et cela fait du bien) La valeur de la liste devrait être égale à la valeur de l'ID dans le datalist afin que je puisse reconnaître le contenu que je souhaite afficher:
<input type = "text" value = "" list = "film" />
<datalist>
<Option> hahaha </opoption>
<option> hey hey hey hey </ option>
<Option> hehehe </ option>
</DATATALIST>
Un autocollant: