HTML - Casillas de verificación

  »   HTML  »   Tutorial HTML - Casillas de verificación

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.

Checkbox - Crear listas

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>

Demo

Elije tus colores favoritos.

Azul:
Amarillo:
Rojo:
Verde:

Checkbox - Casillas seleccionadas por defecto

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>

Demo

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.