Checkbox marcados por defecto Diciembre 18, 2006
Publicado por lineadecodigo en : HTML , trackbackLos 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 type="checkbox" value="futbol" id="futbol" name="deportes"> <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 type="checkbox" value="futbol" id="futbol" name="deportes"> <label for="futbol">Futbol</label> <input type="checkbox" value="baloncesto" id="baloncesto" name="deportes"> <label for="baloncesto">Baloncesto</label> <input type="checkbox" value="ciclismo" id="ciclismo" name="deportes"> <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 type="checkbox" value="futbol" id="futbol" name="deportes" checked> <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 type="checkbox" value="futbol" id="futbol" name="deportes" checked> <label for="futbol">Futbol</label> <input type="checkbox" value="baloncesto" id="baloncesto" name="deportes"> <label for="baloncesto">Baloncesto</label> <input type="checkbox" value="ciclismo" id="ciclismo" name="deportes"> <label for="ciclismo">Ciclismol</label>
Visualizar el ejemplo | Descargar el código
Articulos Similares:
- Contar checkbox activos con JavaScript
- Condicionar partes de un formulario
- Posicionar el lugar de error en wForms
- Todos los campos del formulario obligatorios
- wForms y campos de formulario numéricos
Enviar entrada por email
| 
Imprimir
| 6791 visitas
(Todavia sin evaluar)
Loading ...
Comentarios»
Todavía no hay comentarios. ¿Quieres ser el primero?