Dans ce tuto en vidéo nous allons apprendre à créer un formulaire d'accès. La singularité de ce formulaire se situe au niveau du champ "mot de passe".

En effet, nous verrons comment faire en sorte d'afficher en clair le mot de passe, au moment de la saisie. De nombreux sites et applications proposent cette fonctionnalité, qui permet à l'utilisateur de bien vérifier, avant de valider un formulaire, que le mot de passe saisi est le bon. Il s'agit donc d'une subtilité qui apportera à vos formulaires une meilleure expérience utilisateur.

Attention : nous ne nous intéresserons uniquement à la partie intégration du formulaire. Il n'y aura pas de partie PHP/SQL dans ce tuto !

Au programme de ce tuto ajouter une fonctionnalité d'affichage / masquage de mot de passe

Pour la création du formulaire nous utiliserons du HTML et du CSS. Nous ferons appel à la librairie Vue.JS, pour mettre en place un script qui va nous permettre d'afficher et de masquer le mot de passe saisi dans le champ de formulaire.

Pour suivre ce tutoriel dans de bonnes conditions, il est nécessaire d'avoir des bases en Vue.JS. En cas de besoin, je mets à votre disposition le tuto suivant : bien démarrer avec VueJS 2.
Le code complet du formulaire est fourni avec ce cours en ligne.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Enfin, un QCM vous permettra de valider vos nouvelles compétences en VueJS !

Bon tuto !