Teoría
Teoría

Una casilla de verificación

Una casilla de verificación se crea con una etiqueta <input> de tipo checkbox.

Una casilla representa una elección de «sí o no». Si está marcada, el navegador envía al servidor su nombre y su valor. Si no está marcada, no envía nada de esa casilla. El atributo value es opcional: si no se indica, se envía el valor on.

Para que la casilla esté marcada de forma predeterminada, agrega el atributo checked. Así:

<input type="checkbox" checked>

Las casillas se pueden marcar de forma independiente: no obligan a elegir una sola opción entre varias. Si representan preguntas distintas dentro de un formulario, conviene asignarles nombres diferentes.

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Una casilla de verificación</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Crear una cuenta</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> <p>Muchos campos</p> <p>Y, como siempre, al final del formulario aparece una pregunta:</p>  <label for="subscribe-field">¿Quieres suscribirte al boletín?</label> <input type="submit" value="Enviar"> </form> </body> </html>

CSS

input[type="submit"] { display: block; margin-top: 10px; }

ObjetivosRealizado

Agrega al formulario una casilla de verificación con el nombre subscribe y el identificador subscribe-field.
Haz que la casilla esté marcada de forma predeterminada.

Prueba enviar el formulario con la casilla marcada y sin marcar.