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:

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.