Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Appliquer les Champs de Formulaire et les Étiquettes | Tableaux et Formulaires
Principes Fondamentaux du HTML

bookDé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.html

index.js

index.js

copy

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.
  • É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 avoir for="name-field" ;
    • Pour le champ avec id="email-field", son label correspondant doit avoir for="email-field" ;
    • Pour le champ avec id="password-field", son label correspondant doit avoir for="password-field" ;
    • Pour le champ avec id="birthdate-field", son label correspondant doit avoir for="birthdate-field".
index.html

index.html

index.js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 6

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

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

bookDé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.html

index.js

index.js

copy

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.
  • É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 avoir for="name-field" ;
    • Pour le champ avec id="email-field", son label correspondant doit avoir for="email-field" ;
    • Pour le champ avec id="password-field", son label correspondant doit avoir for="password-field" ;
    • Pour le champ avec id="birthdate-field", son label correspondant doit avoir for="birthdate-field".
index.html

index.html

index.js

index.js

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 6
some-alt