Introduction de l'article de wulin.com (www.vevb.com): Tutoriel HTML5: Formulaire Vérification automatique du formulaire.
1. Attribut requis:
<formulaire
<entrée id = webjx_requered name = webjx.com requis type = text />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
L'attribut requis peut être utilisé sur la plupart des éléments d'entrée (à l'exception des éléments cachés, des boutons d'élément d'image, etc.).
La propriété requise indique que cette boîte d'entrée est un élément requis. Lors de la soumission, si cette boîte d'entrée est vide, l'utilisateur sera invité à entrer et à soumettre.
<formulaire
<entrée id = webjx_requered name = webjx.com requis type = text />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
2. Attribut de modèle:
<formulaire
<input id = webjx_pattern name = webjx.com obligatoire modèle = / d {3} type = text /
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
La valeur de l'attribut de modèle est généralement une expression régulière. Ce n'est que lorsque le contenu entré par l'utilisateur rencontre un certain format peut être soumis. Sinon, l'utilisateur sera invité à ne pas répondre aux exigences. Comme indiqué ci-dessus, 3 chiffres doivent être entrés.
Courez maintenant:
<formulaire
<input id = webjx_pattern name = webjx.com obligatoire modèle = / d {3} type = text /
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
3. Attribut min et MAX Attribut:
<formulaire
<entrée id = webjx_min_max name = webjx.com requis min = 3 max = 16 type = nombre />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
Les deux attributs MIN et MAX sont des attributs propriétaires de l'élément d'entrée du type numérique ou du type basé sur le jour. Ils limitent la plage de valeurs et de dates entrées dans l'élément d'entrée. La valeur d'attribut est un nombre.
Courez maintenant:
<formulaire
<entrée id = webjx_min_max name = webjx.com requis min = 3 max = 16 type = nombre />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
4. Attribut de pas:
<formulaire
<entrée id = webjx_step name = webjx.com requis étape = 10 min = 0 max = 100 type = nombre />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
L'attribut étape contrôle l'augmentation ou la diminution de la valeur de l'élément d'entrée. Par exemple, lorsque vous souhaitez que l'utilisateur saisisse une valeur entre 0 et 100, mais ce doit être un multiple de 10, comme indiqué dans le code ci-dessus, cliquez ci-dessous pour s'exécuter pour voir l'effet.
Courez maintenant:
<formulaire
<entrée id = webjx_step name = webjx.com requis étape = 10 min = 0 max = 100 type = nombre />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>