Défi : Appliquer les Champs de Formulaire et les Étiquettes
Tâche
Créer un formulaire HTML pour collecter des informations utilisateur à l'aide de champs de saisie et des étiquettes correspondantes.
index.html
index.js
Astuce
- Étape 1 : Fournir les attributs corrects pour chaque champ de saisie en suivant ces instructions :
- Utiliser l'attribut
type="text"
pour le champ nom ; - Utiliser l'attribut
type="email"
pour le champ email ; - Utiliser l'attribut
type="password"
pour le champ mot de passe ; - Utiliser l'attribut
type="date"
pour le champ date de naissance.
- Utiliser l'attribut
- Étape 2 : S'assurer que chaque champ de saisie est correctement associé à son label correspondant en suivant ces instructions :
- Pour le champ avec
id="name-field"
, son label correspondant doit avoirfor="name-field"
; - Pour le champ avec
id="email-field"
, son label correspondant doit avoirfor="email-field"
; - Pour le champ avec
id="password-field"
, son label correspondant doit avoirfor="password-field"
; - Pour le champ avec
id="birthdate-field"
, son label correspondant doit avoirfor="birthdate-field"
.
- Pour le champ avec
index.html
index.js
Tout était clair ?
Merci pour vos commentaires !
Section 4. Chapitre 6
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Suggested prompts:
Can you show me an example of how the HTML form should look?
What other fields can I add to the form?
Can you explain how to link labels to input fields in more detail?
Awesome!
Completion rate improved to 3.13
Défi : Appliquer les Champs de Formulaire et les Étiquettes
Glissez pour afficher le menu
Tâche
Créer un formulaire HTML pour collecter des informations utilisateur à l'aide de champs de saisie et des étiquettes correspondantes.
index.html
index.js
Astuce
- Étape 1 : Fournir les attributs corrects pour chaque champ de saisie en suivant ces instructions :
- Utiliser l'attribut
type="text"
pour le champ nom ; - Utiliser l'attribut
type="email"
pour le champ email ; - Utiliser l'attribut
type="password"
pour le champ mot de passe ; - Utiliser l'attribut
type="date"
pour le champ date de naissance.
- Utiliser l'attribut
- Étape 2 : S'assurer que chaque champ de saisie est correctement associé à son label correspondant en suivant ces instructions :
- Pour le champ avec
id="name-field"
, son label correspondant doit avoirfor="name-field"
; - Pour le champ avec
id="email-field"
, son label correspondant doit avoirfor="email-field"
; - Pour le champ avec
id="password-field"
, son label correspondant doit avoirfor="password-field"
; - Pour le champ avec
id="birthdate-field"
, son label correspondant doit avoirfor="birthdate-field"
.
- Pour le champ avec
index.html
index.js
Tout était clair ?
Merci pour vos commentaires !
Section 4. Chapitre 6