Les formulaires HTML (exercices) 🧢

Voici des exercices de base afin d'apprendre à créer des formulaires simples en HTML

    5tq 4ttr 4tq
  • niveau

Exercice 1: Créer un formulaire de contact basique

Créez un formulaire de contact comprenant des champs pour le nom, l'e-mail et le message.

ex contact

  • Action: https://ttrinfo.be/forms/contact.php
  • Noms des champs: nom,email,message

Exercice 2: Créer un formulaire de connexion

Créez un formulaire de connexion comprenant des champs pour le nom d'utilisateur et le mot de passe. ex connexion

  • Action: https://ttrinfo.be/forms/connexion.php
  • Noms des champs: utilisateur,mot_de_passe

Exercice 3: Créer un formulaire de sondage à choix multiple

Créez un formulaire de sondage comprenant des questions à choix multiple.

ex sondage

  • Action: https://ttrinfo.be/forms/sondage.php
  • Noms des champs: question1,question2

Exercice 4: Créer un formulaire de commande

Créez un formulaire de commande pour un site de vente en ligne comprenant des champs pour le produit, la quantité et l'adresse de livraison. ex commande

  • Action: https://ttrinfo.be/forms/commande.php
  • Noms des champs: produit,quantite, adresse

Exercice 5: Créer un formulaire d'inscription

Créez un formulaire d'inscription comprenant des champs pour le nom, l'e-mail, le mot de passe et la confirmation du mot de passe. ex inscription

  • Action: https://ttrinfo.be/forms/inscription.php
  • Noms des champs: nom, email, mot_de_passe, mot_de_passe_confirmation

Exercice 6: Créer un formulaire pour sélectionner une date

Créez un formulaire permettant à l'utilisateur de sélectionner une date.

ex date

  • Action: https://ttrinfo.be/forms/date.php
  • Noms des champs: date

Exercice 8: Créer un formulaire avec des cases à cocher

Créez un formulaire permettant à l'utilisateur de sélectionner ses préférences. ex preferences

  • Action: https://ttrinfo.be/forms/cases.php
  • Noms des champs: preference

Pour aller plus loin