communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
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
1362 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：
html5 表单
source：php.cn
Article précédent：Le code de la partie principale des compétences du didacticiel imitation Kugou HTML5 mobile music player_html5 Article suivant：Utilisez HTML5 pour dessiner la forme d'un réservoir et mettre en œuvre les compétences du didacticiel code_html5
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
Derniers articles par auteur
Derniers numéros
Comment faire apparaître mon image sur l'écran principal de la page ? Ce que je veux faire, c'est recevoir des photos en utilisant NASAAPI. Ces photos sont ensu...
Depuis 2024-04-06 15:33:12
0
1
433
Les fichiers PDF peuvent-ils exécuter HTML5 et Javascript ? J'ai une idée stupide d'essayer de créer un programme qui ne sera bloqué sur aucun ordinat...
Depuis 2024-04-05 12:57:00
0
1
456
Quelle est la différence entre enctype et formenctype en HTML5 ? Je me demande simplement quelle est la différence entre les attributs enctype et formencty...
Depuis 2024-04-02 11:47:56
0
1
275
Rendre la page adaptée aux mobiles ? J'ai de nombreuses pages Web et quelques sites Web. Le fait est que je suis débutant. J'ut...
Depuis 2024-04-01 20:42:38
0
1
259
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal