Saltar la navegación

Casillas de verificación

Las casillas de verificación se crean estableciendo el atributo type del elemento <input> en el valor checkbox.

Al incluir el atributo checked, la casilla de verificación se marca automáticamente cuando se carga la página. Al hacer clic en la casilla de verificación o en su etiqueta asociada, la casilla de verificación se activa o desactiva.

Las capturas de pantalla siguientes muestran casillas de verificación predeterminadas, activas (con el foco) y deshabilitadas en Firefox 71 y Safari 13 en macOS y Chrome 79 y Edge 18 en Windows 10:

Nota:

Las casillas de verificación y los botones de opción con atributo checked al cargarse coinciden con la pseudoclase :default, incluso aunque ya no estén seleccionadas. Las que están seleccionadas coinciden con la pseudoclase :checked.

Debido a su naturaleza activa-inactiva, las casillas de verificación se consideran botones de conmutación, y muchos desarrolladores y diseñadores han ampliado el estilo de casilla de verificación predeterminado para crear botones que parecen interruptores de conmutación. Aquí puedes ver un ejemplo en acción (observa también el código fuente).