Web
Client

Laboratoire - Reproduction d'un formulaire en HTML

Marche à suivre

Écrivez le code HTML permettant de reproduire la page web affiché ci-dessous en suivant les étapes suivantes:

  1. Créer la structure de base d'un projet Web
  2. Créer une page index.html de base suivant le gabarit du cours.
  3. Ajouter les balises et le contenu nécessaire pour que votre page Web apparaîsse comme spécifié ci-dessous.
    • Notez bien la taille des titres les uns par rapport aux autres et respectez la bonne hierarchie des titres.
    • Notez bien le titre de la page dans l'onglet du navigateur.
    • Vous pouvez choisir l'image en haut de la page.
  4. Respecter les critères ci-dessous:
    • Le focus par défaut doit être sur le selecteur de textures.
    • Les radiobuttons du même groupe sont bien regroupés par leur attribut name.
    • Plusieurs garnitures peuvent être sélectionnées, donc le champ est multiple.
    • Les label doivent être bien lié à leur champ. Assurez-vous qu'en cliquant sur le nom du champ, le focus soit mis dans le champ.
    • Les valeurs valides pour l'ail sont: "Aucun", "Un peu", "Normal", "Beaucoup" et "Énormément". Sa valeur par défaut est "Normal".
    • Les valeurs valides pour l'oignon vert sont: "Aucun", "Oignon vert partiel (blanc seulement)" et "Oignon vert complet". Sa valeur par défaut est "Oignon vert complet".

Image à reproduire

Image à reproduire en HTML

Solution