Atributo "checked" en HTML

En HTML, el atributo "checked" se utiliza con elementos de entrada del tipo checkbox o radio para especificar que un elemento debe estar marcado o seleccionado por defecto. Esto es útil cuando queremos que una opción específica de un conjunto de opciones esté predeterminada o preseleccionada.

¿Qué es el atributo "checked"?

El atributo "checked" es un atributo booleano que se añade a los elementos de entrada del tipo checkbox o radio para indicar que ese elemento debe estar marcado o seleccionado inicialmente cuando la página se carga.

Ejemplo de Uso con Checkbox

Veamos un ejemplo de cómo se utiliza el atributo "checked" con un elemento de entrada del tipo checkbox:

<input type="checkbox" id="suscripcion" name="suscripcion" value="suscripcion" checked>
  <label for="suscripcion">Suscribirse al boletín</label>
  

En este ejemplo, el checkbox "Suscribirse al boletín" está marcado por defecto debido al atributo "checked". Cuando la página se carga, este checkbox estará seleccionado automáticamente.

Ejemplo de Uso con Radio

También se puede utilizar el atributo "checked" con elementos de entrada del tipo radio para preseleccionar una opción dentro de un grupo de opciones:

<input type="radio" id="opcion1" name="grupo" value="opcion1">
  <label for="opcion1">Opción 1</label><br>
  
  <input type="radio" id="opcion2" name="grupo" value="opcion2" checked>
  <label for="opcion2">Opción 2</label><br>
  
  <input type="radio" id="opcion3" name="grupo" value="opcion3">
  <label for="opcion3">Opción 3</label><br>

En este ejemplo, la "Opción 2" está preseleccionada cuando la página se carga debido al atributo "checked". El usuario puede cambiar la selección haciendo clic en otras opciones, pero al principio, "Opción 2" estará marcada.

Consideraciones

Es importante recordar que el atributo "checked" debe usarse con cuidado, ya que puede afectar la experiencia del usuario al imponer una selección predeterminada. Es recomendable utilizarlo solo cuando sea necesario y tenga sentido dentro del contexto del formulario.

Conclusión

El atributo "checked" en HTML es una herramienta útil para preseleccionar opciones en elementos de entrada del tipo checkbox y radio. Al entender cómo funciona y cómo se utiliza, puedes controlar las opciones predeterminadas en tus formularios web, mejorando la usabilidad y la experiencia del usuario.