Checkbox marcados por defecto

Los checkbox son unos elementos HTML que nos permiten captar, del usuario, multiples selecciones sobre un tema. Suelen ser muy recurridos cuando estamos encuestando al usuario acerca de sus preferencias. En dichas situaciones, puede presentarse el caso de darle seleciones marcadas por defecto. Es por ello que tendremos que saber cómo marcar los checkbox por defecto. Pero vayamos por pasos. Lo primero que tenemos que recordar es que los checkbox son elementos input del tipo checkbox. Para incluir un checkbox deberemos de utilizar la siguiente línea de código:

<input id="futbol" name="deportes" type="checkbox" value="futbol"></input>
<label for="futbol">Futbol</label>

Vemos, que de manera adicional, utilizamos la etiqueta label para dotarle de contenido al checkbox. Ya que de otra manera solo saldría la casilla de selección sin texto alguno. De esta forma un conjunto de checkbox quedaría de la siguiente manera:

<input id="futbol" name="deportes" type="checkbox" value="futbol"></input>
<label for="futbol">Futbol</label>
<input id="baloncesto" name="deportes" type="checkbox" value="baloncesto"></input>
<label for="baloncesto">Baloncesto</label>
<input id="ciclismo" name="deportes" type="checkbox" value="ciclismo"></input>
<label for="ciclismo">Ciclismol</label>

Si ahora queremos que uno de los checkbox aparezca marcado por defecto, deberemos de utilizar el atributo checked de la etiqueta input.

<input checked="checked" id="futbol" name="deportes" type="checkbox" value="futbol"></input>
<label for="futbol">Futbol</label>

Con el anterior código aparecería marcado el check del fútbol. Todo el código completo sería el siguiente:

<input checked="checked" id="futbol" name="deportes" type="checkbox" value="futbol"></input>
<label for="futbol">Futbol</label>
<input id="baloncesto" name="deportes" type="checkbox" value="baloncesto"></input>
<label for="baloncesto">Baloncesto</label>
<input id="ciclismo" name="deportes" type="checkbox" value="ciclismo"></input>
<label for="ciclismo">Ciclismol</label>