Défi : Créer un Formulaire avec des Champs et des Étiquettes
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
Ajouter un formulaire simple et convivial à la page. Respecter les exigences suivantes :
- Champ Nom
- Utiliser un champ de saisie de texte.
- Définir l'espace réservé à
John. - Activer la mise au point automatique (autofocus) sur ce champ.
- Champ Email
- Utiliser un champ de saisie de type email.
- Définir l'espace réservé à
example@gmail.com. - Rendre ce champ obligatoire.
- Champ Mot de passe
- Utiliser un champ de saisie de type mot de passe.
- Rendre ce champ obligatoire.
index.html
index.css
autofocus: place automatiquement le focus sur le champ de saisie lors du chargement de la page.required: rend le champ de saisie obligatoire, empêchant la soumission du formulaire s'il est laissé vide.placeholder: affiche un indice ou un exemple de texte dans le champ de saisie.foretid: associe une étiquette à un champ de saisie pour améliorer l'accessibilité.type: définit le type de données attendu dans le champ de saisie (par exemple, text, email, password).
index.html
index.css
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Génial!
Completion taux amélioré à 2.38
Défi : Créer un Formulaire avec des Champs et des Étiquettes
Glissez pour afficher le menu
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
Ajouter un formulaire simple et convivial à la page. Respecter les exigences suivantes :
- Champ Nom
- Utiliser un champ de saisie de texte.
- Définir l'espace réservé à
John. - Activer la mise au point automatique (autofocus) sur ce champ.
- Champ Email
- Utiliser un champ de saisie de type email.
- Définir l'espace réservé à
example@gmail.com. - Rendre ce champ obligatoire.
- Champ Mot de passe
- Utiliser un champ de saisie de type mot de passe.
- Rendre ce champ obligatoire.
index.html
index.css
autofocus: place automatiquement le focus sur le champ de saisie lors du chargement de la page.required: rend le champ de saisie obligatoire, empêchant la soumission du formulaire s'il est laissé vide.placeholder: affiche un indice ou un exemple de texte dans le champ de saisie.foretid: associe une étiquette à un champ de saisie pour améliorer l'accessibilité.type: définit le type de données attendu dans le champ de saisie (par exemple, text, email, password).
index.html
index.css
Merci pour vos commentaires !