Repaso - Formularios #1

Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 46 de 60.

Desafío

Fácil

Vamos a construir un formulario de pedido de bebidas sencillo utilizando HTML, como se muestra en la imagen de abajo.

Esto es lo que debes incluir:

Una etiqueta <form> para envolver todo.
Un grupo de botones de radio (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 reinicio con la etiqueta "Clear".

⚠️ Importante: Utiliza 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 entradas se detecten fuera del formulario, rompiendo las pruebas. Coloca todos tus botones de radio, casillas de verificación, menú desplegable y botones directamente dentro de la única etiqueta <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>