Las casillas de verificación, como dijimos en un tutorial anterior, son parte de las aplicaciones que ofrece la etiqueta input.
La diferencia con el tutorial anterior es que esta vez miraremos un poco más el tema.
Las casillas de verificación ofrecen la posibilidad al usuario de elegir simultanea más de una opción o respuestas.
html<p>Elije tus colores favoritos.</p>
<p>
Azul: <input type="checkbox" name="colors" value="blue" /><br />
Amarillo: <input type="checkbox" name="colors" value="yellow" /><br />
Rojo: <input type="checkbox" name="colors" value="red" /><br />
Verde: <input type="checkbox" name="colors" value="green" />
</p>Elije tus colores favoritos.
Azul:
Amarillo:
Rojo:
Verde:
Las casillas de verificación también ofrecen la posibilidad de ser seleccionadas por defecto para facilitar el trabajo del usuario en algunas situaciones.
Esto se hace con la ayuda del atributo checked, con el valor yes.
html<p>Elije tus colores favoritos.</p>
<p>
Azul: <input type="checkbox" name="colors" value="blue" checked="yes" /><br />
Amarillo: <input type="checkbox" name="colors" value="yellow" /><br />
Rojo: <input type="checkbox" name="colors" value="red" checked="yes" /><br />
Verde: <input type="checkbox" name="colors" value="green" />
</p>Elije tus colores favoritos.
Azul:
Amarillo:
Rojo:
Verde:
Intenta practicar un poco con esta función. Es bastante simple pero muy útil en algunos casos.