Aller au contenu

6. Mon premier formulaire

Ha! Ces formulaires qui permettent aux utilisateurs d’interagir avec votre site. La révolution Web 2.0 ! C'est parti ...

Mon formulaire

Vous allez créez en HTML un formulaire en utilisant correctement les balises HTML spécifiques. Ce formulaire de contact permettra aussi aux utilisateurs de commander vos produits.

  1. Ajoutez le formulaire suivant selon les indications ci-dessous à votre page contact créer précédemment:

  2. ajoutez les champs de saisie suivant :

    1. Nom
    2. Prénom
    3. Adresse
    4. Lieu
    5. N° postale (NPA)
  3. Ajouter des checkbox qui permettent de sélectionner le ou les produit(s) désirez.

  4. Ajouter un sélecteur lui permettant de sélectionner une quantité.

  5. Ajouter 2 radio-buttons afin que l'utilisateur puisse choisir le mode de payement.

  6. Ajouter une zone de saisie multi-ligne, pour que l'utilisateur puisse y ajouter un message.

  7. Ajouté une checkbox pour que l'utilisateur puis accepter les condition générale.

Les éléments du formulaire doivent être rempli obligatoirement par l'utilisateur, hormis les points 6.


Voici un exemple du résultat attendu:

Démo formulaire

Démo formulaire style

Les formulaires et les styles

Un formulaire sans style n'est pas très user-friendly. Vous aurez l'occasion de l'embellir prochainement dans les exercices dédiés au CSS !