Riepilogo - Moduli #1

Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 46 di 60.

Sfida

Facile

Creiamo un semplice modulo per ordinare bevande usando HTML, come mostrato nell'immagine qui sotto.

Ecco cosa includere:

Un tag <form> che racchiuda tutto.
Un gruppo di pulsanti di opzione (name: "drink") per consentire agli utenti di scegliere la bevanda. Le etichette dovrebbero essere "Water", "Coke" o "Sprite".
Un gruppo di caselle di controllo (name: "extras") per gli extra opzionali. Le etichette dovrebbero essere "Ice", "Lemon" o "Sugar".
Un menu a discesa (name: "size") per scegliere la dimensione della bevanda. Le opzioni dovrebbero essere "Small", "Medium" o "Large".
Un pulsante di invio con etichetta "Place Order".
Un pulsante di ripristino con etichetta "Clear".

⚠️ Importante: Usa un solo tag <form>. HTML non consente tag <form> annidati: inserire un tag <form> all'interno di un altro tag <form> non è valido e farà sì che i tuoi input vengano rilevati al di fuori del modulo, compromettendo i test. Inserisci tutti i pulsanti di opzione, le caselle di controllo, il menu a discesa e i pulsanti direttamente all'interno dell'unico tag esterno <form>: non racchiudere le sezioni in altri tag <form>.

Provalo tu

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Scrivi il codice qui -->
            
            <p>Select extras: </p>
            <!-- Scrivi il codice qui -->
            
            <p>Select size: </p>
            <!-- Scrivi il codice qui -->
            
        </form>
    </body>
</html>