Explication détaillée des nouveaux contrôles de formulaire HTML5 et du code d'exemple d'attributs de formulaire

Le premier point de connaissance : attributs et résumé des formulaires

Le deuxième point de connaissance : les nouveaux contrôles, propriétés et résumés de formulaire de H5

Quelles sont nos validations de formulaires courantes ?

texte étiquette de la zone de texte

boîte de mot de passe

case à cocher plusieurs cases à cocher

bouton radio

bouton bouton

bouton soumettre

Les éléments ci-dessus sont quelques-uns de nos attributs de formulaire couramment utilisés

(1) email : zone de texte de l'e-mail, pas différente des boîtes ordinaires

1. Lorsque la saisie n'est pas une adresse e-mail, la vérification échoue.

2. Le clavier mobile va changer

(2) tél : numéro de téléphone

1. Principalement sur terminal mobile, commutation d'un clavier

(3) url : URL de la page web

Entrez l'URL correcte

(4) rechercher : moteur de recherche

1. Après avoir saisi du texte dans Chrome, il y aura un x fermé supplémentaire

(5) Plage : sélecteur de valeur dans une plage spécifique

1.min, max, pas (nombre de pas)

2. Exemple : utilisez js pour afficher la valeur actuelle

(6) nombre : une zone de saisie qui ne peut contenir que des chiffres

(7) couleur : sélecteur de couleur

(8) detetime affiche la date complète

(9) saisie semi-automatique : s'il faut enregistrer la valeur saisie par l'utilisateur

La valeur par défaut est activée, pour désactiver l'invite, sélectionnez Désactivé

(10) : Spécifiez le formulaire pour obtenir le focus de saisie

(11) : Cet élément est obligatoire et ne peut pas être vide

Si vous écrivez uniquement dans la première zone de saisie, la deuxième zone de saisie apparaîtra. Veuillez remplir ce champ.

(12) parrern : vérification régulière pattrn=/d{1,5}

L'expression régulière que j'ai définie est composée de 1 à 5 nombres. Si ce n'est pas le nombre, la soumission échouera.

Ce qui précède est une explication détaillée des nouveaux contrôles de formulaire HTML5 et des exemples de codes d'attributs de formulaire introduits par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. temps!