JS moderne EXO #20 - Manipuler le label d'un champ de formulaire

Dans ce tuto vidéo dédié à la pratique du JavaScript moderne, nous allons manipuler les labels des champs d'un formulaire.
Pour cela nous allons réaliser ensemble un exercice pratique !

Dans ce tuto Manipuler le label d'un champ de formulaire

Nous aurons un formulaire avec des champs.
À l’intérieur des champs vides, des labels.
Lorsque l'utilisateur entrera dans le champ (input) pour saisir une information, alors le label du champ viendra se positionner sur la bordure du champ concerné.
Le label se remettra en position initiale si l'utilisateur ne saisit finalement pas de texte dans ce champ.

Ce tuto sera donc l'occasion de voir quelques techniques CSS et Javascript pour personnaliser vos formulaires et proposer une UX optimale à vos utilisateurs !

Pour suivre ce tutoriel dans de bonnes conditions, il est recommandé de connaître : Les bases du JavaScript moderne.
Un QCM vous sera fourni en fin de formation pour tester vos nouvelles compétences.
Bon tuto !