Les formulaires HTML — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Champ texte

Crée un champ texte pour saisir un prénom, avec un placeholder.

Voir le corrigé
<input type="text" placeholder="Votre prénom">

#2 — Mot de passe

Crée un champ pour saisir un mot de passe (caractères masqués).

Voir le corrigé
<input type="password" name="pwd">

#3 — Case à cocher

Crée une case à cocher 'Accepter les CGU' cochée par défaut.

Voir le corrigé
<label>
  <input type="checkbox" checked> Accepter les CGU
</label>

#4 — Boutons radio

Crée deux choix exclusifs : 'Oui' et 'Non'.

Voir le corrigé
<label><input type="radio" name="choix" value="oui"> Oui</label>
<label><input type="radio" name="choix" value="non"> Non</label>

#5 — Bouton d'envoi

Ajoute un bouton pour soumettre le formulaire.

Voir le corrigé
<button type="submit">Envoyer</button>
<!-- ou -->
<input type="submit" value="Envoyer">
Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...