Reproduire la mise en page du formulaire suivant :
Partie HTML :
Vous faites attention à utiliser les bonnes balises et les bons attributs en accord avec le RGAA (https://disic.github.io/guide-integrateur/6-formulaires.html)
Partie CSS :
Vous utilisez les propriétés flex pour reproduire la mise en page.
Vous utilisez les média queries pour faire en sorte que les « inputs » se placent les uns sous les autres quand la largeur du navigateur est inférieure à 992px.
Partie JavaScript :
Faites en sorte qu’un message apparaisse (comme indiqué sur l’image ci-dessus) pour indiquer si les emails sont concordants. Idem pour les mots de passe
Lors de la saisie des mots de passe, indiquez à chaque entrée d’un caractère par l’utilisateur si le mot de passe comporte :
-
au moins 12 caractères
-
au moins une minuscule et au moins une majuscule
-
au moins une lettre
-
au moins un chiffre
-
au moins un caractère spécial