Cajas de selección

Las cajas de selección guardan ciertos parecidos con los botones de radio, pero además permitirán seleccionar varias opciones en una lista. Al igual que dichos botones tienen dos posiciones, seleccionados o no seleccionados, estando en esta última posición inicialmente, a no ser que hayamos usado el atributo CHECKED. Cada caja de selección es independiente del resto, y por tanto el valor del atributo NAME debe ser diferente en cada una.

Para insertar una caja de selección debemos usar de nuevo la etiqueta INPUT, pero esta vez con TYPE=»checkbox». Veamos un ejemplo de uso de este tipo de controles:

Pulsando sobre cada caja de selección se cambia de seleccionado a no seleccionado, independientemente de la posición del resto. En el código podemos apreciar que es posible indicar que una caja de selección esté seleccionada por defecto. En la figura 12.12 vemos este ejemplo, y podemos apreciar como es posible seleccionar varias opciones simultáneamente.

Figura 12.12. Las cajas de selección son independientes unas de otras, por los que es posible tener varias seleccionadas.

Con las cajas de selección también podemos usar el atributo VALUE, en este caso no será imprescindible, ya que el nombre dado con NAME es diferente en cada caso, pero a veces puede ser conveniente. En el caso de la figura se mandaría al servidor el siguiente mensaje:

Si hubiésemos usado el atributo VALUE se sustituiría la palabra ON (que es la que se pone por defecto) por la que nosotros hubiésemos indicado en las cajas de selección con las opciones ‘programador’ e ‘ingeniero’. Por ejemplo si en el código anterior hubiésemos escrito lo siguiente en el código de la caja del ingeniero, dejando el resto igual:

El navegador hubiera enviado el mensaje:

Todos los atributos de este control quedan resumidos en el siguiente código:

Fuente: Copyright Jorge Ferrer, Rodrigo Garcia y Victor García, licencia Documentación Libre GNU, Versión 1.1