Maison > interface Web > Tutoriel H5 > Exemple d'utilisation du formulaire HTML5 (fonction absolument puissante) : compétences du didacticiel HTML5

Exemple d'utilisation du formulaire HTML5 (fonction absolument puissante) : compétences du didacticiel HTML5

WBOY
Libérer: 2016-05-16 15:49:29
original
1370 Les gens l'ont consulté

1. La vérification automatique de l'e-mail nécessite uniquement type="email"
2. Vérification de la date (année, mois, jour) : type="date"
3. Vérification de l'heure (format : 00:00) : type= "time"
4. Vérification des nombres (peut être additionné vers le haut ou vers le bas) type="number"
5. Mois (--year--month) type="month"
6. Semaine ( --year--week) type="week"
7. plage (plage 0-100) type="range"
8. recherche type="search"
9. type="color"
10. Vérification de l'URL (doit être précédée de http://---) type="url"

Copier le code
Le code est le suivant :

:

Date :< ;br/> ;
Heure :

Nombre : < ;br/>
Mois :

Semaine :

plage:

recherche:

Couleur :





> ;

url :
Nom d'utilisateur : >


nouvel attribut de formulaire HTML
1. require="required" est requis pour la vérification
2. l'utilisateur n'est pas ce qui est soumis au serveur3. autofocus="autofocus" fonction de mise au point automatique pour améliorer la convivialité4 pattern='w{5}' remplissez l'expression régulière dans l'élément html<.>Les formulaires peuvent également être soumis en dehors du formulaire, mais form="Myform" dans doit être égal à la valeur de l'identifiant dans le formulaire, c'est-à-dire :

Formulaire à remplissage automatique : (L'effet est bien meilleur que la liste déroulante et l'effet est plutôt bon) La valeur de la liste doit être égale à la valeur de l'identifiant dans la datalist afin qu'il soit reconnu que je souhaite afficher votre Contenu :





Copier le code
Le le code est le suivant : >

Un autocollant :

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal