Recapitulação - Formulários #1

Parte da seção Fundamentals do Journey de HTML da Coddy. Lição 46 de 60.

Desafio

Fácil

Vamos construir um formulário simples de pedido de bebidas usando HTML, como mostrado na imagem abaixo.

Aqui está o que deve ser incluído:

Uma tag <form> para envolver tudo.
Um grupo de botões de rádio (name: "drink") para permitir que os usuários escolham sua bebida. Os rótulos devem ser "Water", "Coke", ou "Sprite".
Um grupo de caixas de seleção (name: "extras") para complementos opcionais. Os rótulos devem ser "Ice", "Lemon", ou "Sugar".
Um menu suspenso (name: "size") para escolher o tamanho da bebida. As opções devem ser "Small", "Medium", ou "Large".
Um botão de envio com o rótulo "Place Order".
Um botão de redefinição com o rótulo "Clear".

⚠️ Importante: Use apenas uma tag <form>. O HTML não permite tags <form> aninhadas — colocar um <form> dentro de outro <form> é inválido e fará com que suas entradas sejam detectadas fora do formulário, quebrando os testes. Coloque todos os seus botões de rádio, caixas de seleção, menu suspenso e botões diretamente dentro da única <form> externa — não envolva as seções em tags <form> extras.

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Escreva o código aqui -->
            
            <p>Select extras: </p>
            <!-- Escreva o código aqui -->
            
            <p>Select size: </p>
            <!-- Escreva o código aqui -->
            
        </form>
    </body>
</html>