Formulaire
Champ texte
Les champs textes (text, tel, email, number, color, range, etc.) sont les éléments de formulaire dont la valeur est la plus simple à récupérer.
Pour ce faire, il suffit d’accéder au champ en question et de spécifier que l'attribue value
est désirée.
Par exemple:
Événements
La valeur d'un champ texte peut aussi être récupérée dès que la valeur du champ change grâce à l'événement change
ou en temps réel grâce à input
.
À gauche, change
À droite, input
Boite à cocher
Pour savoir si une boite à cocher est cochée ou non, il faut accéder à sa propriété checked.
Celle-ci retournera alors un booléen (true/false) correspondant au statut de la boite en question.
Par exemple:
Événement
Le statut d'une boite à cocher peut aussi être récupéré dès que la valeur du champ change grâce à l'événement change
.
Boutons radio
Pour savoir quel bouton radio parmi une collection est sélectionné, il faut effectuer un querySelector en spécifiant l'attribut :checked
. Ainsi, seul le bouton radio sélectionné.
Par exemple:
Événement
Le statut de bouton radio peut aussi être récupéré dès que la valeur du champ change grâce à l'événement change
. Cependant, cet événement doit alors être écouté sur tous les boutons radio.
Par exemple:
Menu déroulant
Pour savoir la valeur de l'option sélectionnée dans un menu déroulant, il suffit de spécifier que l'attribue value
du menu déroulant est désirée.
Par exemple:
Événement
La valeur d'un menu déroulant peut aussi être récupérée dès que l'option change grâce à l'événement change
.