Niveau 2
▪ Ajouter, sur chaque champ, les contraintes suivantes :
• Nom : obligatoire, focus au chargement, n’accepte que des
caractères alphabétiques
• Prénom : obligatoire, n’accepte que des caractères
alphabétiques
• Date de naissance : valeur minimale au 1er janvier 1900, valeur
maximale à la date du jour
• Login : obligatoire, n’accepte que des caractères
alphabétiques et des chiffres, 3 caractères minimum
• Mot de passe : obligatoire, 8 caractères minimum dont au moins
une lettre minuscule, 1 majuscule et 1 chiffre
• Répéter le mot de passe (même contraintes que pour le mot de
passe) → La concordance se fera plus tard avec des
connaissances en JavaScript
Niveau 3
Une fois le formulaire et les contraintes créés, mettre en place le CSS dans le fichier
formulaire.css conformément à la présentation ci-dessus.
Voici quelques détails :
• Les éléments doivent être parfaitement alignés et positionnés
• Les couleurs choisies doivent être respectées dans la mesure du possible
• Chaque champ modifie son CSS lors du survol et du focus
• Chaque bouton modifie son CSS lors du survol
• Les radios-boutons sont personnalisés
• Le formulaire doit être un minimum responsive