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>