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>