Repaso - Formularios #1

Parte de la sección Fundamentos del Journey de HTML de Coddy. Lección 46 de 60.

Desafío

Fácil

Construyamos un formulario sencillo de pedido de bebidas usando HTML, como se muestra en la imagen a continuación.

Esto es lo que debes incluir:

Una etiqueta <form> para envolverlo todo.
Un grupo de botones de opción (name: "drink") para que los usuarios elijan su bebida. Las etiquetas deben ser "Water", "Coke" o "Sprite".
Un grupo de casillas de verificación (name: "extras") para complementos opcionales. Las etiquetas deben ser "Ice", "Lemon" o "Sugar".
Un menú desplegable (name: "size") para elegir el tamaño de la bebida. Las opciones deben ser "Small", "Medium" o "Large".
Un botón de envío con la etiqueta "Place Order".
Un botón de restablecimiento con la etiqueta "Clear".

⚠️ Importante: Usa solo una etiqueta <form>. HTML no permite etiquetas <form> anidadas: colocar un <form> dentro de otro <form> no es válido y hará que tus campos de entrada se detecten fuera del formulario, lo que hará que las pruebas fallen. Coloca todos tus botones de opción, casillas de verificación, menú desplegable y botones directamente dentro del único <form> exterior: no envuelvas las secciones en etiquetas <form> adicionales.

Pruébalo tú mismo

<!DOCTYPE html>
<html>
    <body>
        <form>
            <p>Select a drink: </p>
            <!-- Escribe el código aquí -->
            
            <p>Select extras: </p>
            <!-- Escribe el código aquí -->
            
            <p>Select size: </p>
            <!-- Escribe el código aquí -->
            
        </form>
    </body>
</html>