Vidéo: TUTO JS - #13 VALIDER DES FORMULAIRES (AVEC LES ÉVÉNEMENTS) 2025
Vous pouvez utiliser divers types de champs de saisie dans vos formulaires, tels que texte, mot de passe, radio (bouton), case à cocher, recherche, téléphone (numéro de téléphone), URL, adresse électronique, date / heure, date, mois, semaine, heure, date / heure locale, numéro, plage (définit une plage de valeurs numériques), couleur, etc.
Non Tous les champs requièrent des valeurs pour les attributs nom et type (par exemple, zone de texte ou mot de passe), mais il est conseillé de fournir aux utilisateurs des libellés explicatifs et des exemples de données d'entrée à chaque fois qu'ils ont des questions sur les formats.
En revanche, les cases à cocher et les cases d'option nécessitent de telles informations pour pouvoir être correctement étiquetées lorsque le navigateur affiche les les sélections sont disponibles
Pour les éléments d'entrée qui nécessitent qu'un utilisateur sélectionne une option (une case à cocher ou un bouton radio) plutôt que de taper Dans un champ, vous définissez à la fois le nom et la valeur. Lorsque l'utilisateur sélectionne une case à cocher ou un bouton radio, puis clique sur Envoyer, le formulaire renvoie le nom et la valeur affectés à l'élément.
Les champs de texte sont des champs à une ligne dans lesquels les utilisateurs saisissent des informations. Lorsque vous devez offrir à l'utilisateur la possibilité de remplir plus d'une ligne, vous utilisez une zone de texte.
Voici comment créer un champ de texte d'une seule ligne:
-
Définissez le type d'entrée en tant que champ de texte en utilisant l'élément avec l'attribut type défini sur text.
-
Utilisez ensuite l'attribut name pour attribuer un nom au champ de saisie.
L'utilisateur fournit la valeur lorsqu'il tape dans le champ.
Le balisage suivant crée deux champs de saisie de texte, un pour un prénom et un pour un nom de famille:
- Prénom:
- Nom de famille:
En plus des éléments, ce balisage inclut une liste (
-
et
- ) et du texte pour marquer chaque champ de saisie. En eux-mêmes, la plupart des éléments de formulaire ne donnent pas beaucoup d'indices sur le type d'information que vous voulez qu'ils entrent.
Vous devez utiliser un bloc HTML et des éléments en ligne pour formater l'apparence de votre formulaire et fournir le texte nécessaire. La figure montre comment un navigateur affiche ce type de HTML.
Vous pouvez contrôler la taille d'un champ de texte avec ces attributs:
-
size: La longueur (en caractères) du champ de texte
-
maxlength: Le nombre maximum de caractères que l'utilisateur peut taper dans le champ > Le balisage suivant crée un formulaire qui définit les deux champs à une taille de 30 (caractères longs) et une longueur maximale de 25 (caractères longs).Même si chaque champ compte environ 30 caractères, un utilisateur ne peut taper que 25 caractères dans chaque champ, comme le montre la figure.
(La définition de l'attribut size supérieur à maxlength garantit que le champ de texte aura toujours un espace blanc entre l'entrée de l'utilisateur et la fin de la boîte de champ affichée: vous n'avez pas à le faire vous-même, mais visuellement
Prénom:
- Nom:
-
