Recapitulação - Formulários #1

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

Desafio

Fácil

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

Veja o que incluir:

Uma tag <form> para envolver tudo.
Um grupo de botões de opção (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 adicionais 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 rotulado como "Place Order".
Um botão de redefinição rotulado como "Clear".

⚠️ Importante: Use apenas uma tag <form>. O HTML não permite tags <form> aninhadas: colocar uma <form> dentro de outra <form> é inválido e fará com que seus campos sejam detectados fora do formulário, fazendo os testes falharem. Coloque todos os seus botões de opção, caixas de seleção, menu suspenso e botões diretamente dentro do único <form> externo: não envolva as seções em tags <form> adicionais.

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>