Objectif

Améliorer l'expérience utilisateur du site web en créant un formulaire interactif nécessitant des champs pour le nom, l'email et le mot de passe, chacun accompagné de son label associé.

Tâche

Intégrer un formulaire convivial à votre site web afin d'accroître l'engagement et l'interaction des utilisateurs. Votre tâche consiste à :

• Pour le champ nom : créer un champ texte permettant de recueillir les noms des utilisateurs. Utiliser les attributs appropriés pour garantir une expérience fluide.

  1. Définir le type adéquat pour le champ texte ;

  2. Définir le placeholder sur John ;

  3. S'assurer que le champ est focalisé par défaut.

• Pour le champ email : mettre en place un champ email pour recueillir les adresses électroniques des utilisateurs. Garantir la précision des données en utilisant les attributs appropriés.

  1. Définir le type correct pour le champ email ;

  2. Définir le placeholder sur example@gmail.com ;

  3. Marquer le champ comme requis.

• Pour le champ mot de passe : créer un champ mot de passe sécurisé afin de protéger les données des utilisateurs. Utiliser les attributs appropriés pour renforcer la sécurité des données.

  1. Définir le type correct pour le champ mot de passe ;

  2. Rendre le champ obligatoire.

1. autofocus : place automatiquement le focus sur le champ de saisie lors du chargement de la page.

2. required : rend le champ de saisie obligatoire, empêchant la soumission du formulaire s'il est vide.

3. placeholder : affiche un indice ou un exemple de texte dans le champ de saisie.

4. for et id : associe une étiquette à un champ de saisie pour une meilleure accessibilité.

5. type : définit le type de données attendu dans le champ de saisie (par exemple, texte, email, mot de passe).