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.
-
Ajoutez le formulaire suivant selon les indications ci-dessous à votre page contact créer précédemment:
-
ajoutez les champs de saisie suivant :
- Nom
- Prénom
- Adresse
- Lieu
- N° postale (NPA)
-
Ajouter des checkbox qui permettent de sélectionner le ou les produit(s) désirez.
-
Ajouter un sélecteur lui permettant de sélectionner une quantité.
-
Ajouter 2 radio-buttons afin que l'utilisateur puisse choisir le mode de payement.
-
Ajouter une zone de saisie multi-ligne, pour que l'utilisateur puisse y ajouter un message.
-
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:
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 !