4.8/5 Trustpilot (1391 avis)
JS moderne, Exo #5 Afficher ou masquer un Mot de Passe
JS moderne, Exo #5 Afficher ou masquer un Mot de Passe
Nous voici arrivés au terme de cette formation consacrée à l'apprentissage du langage jQuery facile.
Nous allons reprendre une bonne partie de ce que nous avons appris ensemble tout au long de cette formation, afin de créer un formulaire d'accès animé et très agréable.
Le formulaire sera composé de deux parties.
Une première partie se chargera de demander le login de connexion à l'utilisateur. Un bouton "Suivant" sera désactivé par défaut. Il s'activera lorsque l'utilisateur aura rempli le champ du formulaire.
La seconde partie apparaîtra en fondu lorsque l'utilisateur aura cliqué sur le bouton "Suivant", qui fera disparaître la première partie.
Dans la seconde partie, le champ de formulaire demandera le mot de passe que l'utilisateur pourra afficher ou cacher selon son envie.
Nous ferons plein d'animation grâce à toutes nos connaissances apprises en jQuery !
Je mets le code complet de ce tuto à votre disposition.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mettre en place les bases de la mise en page HTML & CSS
Mettre en place les bases de la mise en page HTML & CSS
Leçon 2
Conditionner la largeur de l'écran avec jQuery
Conditionner la largeur de l'écran avec jQuery
Leçon 3
Ecrire la section1 en HTML
Ecrire la section1 en HTML
Leçon 4
Mettre en forme la section1
Mettre en forme la section1
Leçon 5
Mettre en forme le label
Mettre en forme le label
Leçon 6
Mettre le label en mouvement grâce à jQuery
Mettre le label en mouvement grâce à jQuery
Leçon 7
Activer le bouton de formulaire
Activer le bouton de formulaire
Table des matières
Leçon 1
Mettre en place les bases de la mise en page HTML & CSS
09m06
Leçon 2
Conditionner la largeur de l'écran avec jQuery
10m48
Leçon 3
Ecrire la section1 en HTML
04m55
Leçon 4
Mettre en forme la section1
11m50
Leçon 5
Mettre en forme le label
07m18
Leçon 6
Mettre le label en mouvement grâce à jQuery
08m36
Leçon 7
Activer le bouton de formulaire
05m23
Leçon 8
Ecrire la section2 en HTML
06m31
Leçon 9
Mettre en forme la section2
10m01
Leçon 10
Faire un lien entre la section1 et la section2
06m13
Leçon 11
Afficher le login dans la section2
04m38
Leçon 12
Faire un lien entre la section2 et la section1
03m16
Leçon 13
Afficher/Cacher le focus du champ Pass
03m48
Leçon 14
Activer le bouton de validation
03m47
Leçon 15
Mettre en place un lien "Afficher le mot de passe"
06m21
Leçon 16
Faire fonctionner le lien "Afficher le mot de passe"
08m51
Leçon 17
Mettre en place l'oublie du mot de passe
04m24
Leçon 18
Mettre en forme l'oublie du mot de passe
09m34
Leçon 19
Afficher/Cacher l'oublie du mot de passe
05m45
Leçon 20
Retirer le disabled du bouton d'envoi email
04m07
Leçon 21
Conclusion de la formation
03m
Aperçus
Avis des apprenants