Récapitulatif - Formulaires n°1

Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 46 sur 60.

Défi

Facile

Construisons un formulaire de commande de boisson simple en utilisant HTML, comme illustré dans l'image ci-dessous.

Voici ce qu'il faut inclure :

Une balise <form> pour tout envelopper.
Un groupe de boutons radio (name: "drink") pour permettre aux utilisateurs de choisir leur boisson. Les libellés doivent être "Water", "Coke", ou "Sprite".
Un groupe de cases à cocher (name: "extras") pour les ajouts optionnels. Les libellés doivent être "Ice", "Lemon", ou "Sugar".
Un menu déroulant (name: "size") pour choisir la taille de la boisson. Les options doivent être "Small", "Medium", ou "Large".
Un bouton de soumission étiqueté "Place Order".
Un bouton de réinitialisation étiqueté "Clear".

⚠️ Important : Utilisez une seule balise <form>. Le HTML ne permet pas d'imbriquer des balises <form> — placer un <form> à l'intérieur d'un autre <form> est invalide et fera en sorte que vos entrées soient détectées en dehors du formulaire, ce qui fera échouer les tests. Placez tous vos boutons radio, cases à cocher, menu déroulant et boutons directement à l'intérieur de l'unique <form> extérieur — n'enveloppez pas les sections dans des balises <form> supplémentaires.

Essayez vous-même

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Écrivez le code ici -->
            
            <p>Select extras: </p>
            <!-- Écrivez le code ici -->
            
            <p>Select size: </p>
            <!-- Écrivez le code ici -->
            
        </form>
    </body>
</html>