ACTIVIDAD 05

Operar controles de formularios.

• Listas de selección.
• Checkbox
• Botones submit, reset y de
comando.
• Estilos de encabezado

Ing. Victor Manuel Chumpitaz Avalos. 1

Listas de selección.
Las listas de opciones son de gran ayuda para los formularios en los que
queremos saber la opinión de un aspecto concreto en nuestra Web, dentro de
diferentes opciones planteadas previamente por nosotros. Las listas de selección u
opciones se escriben gracias a la etiqueta <selection> y a su cierre.
Vamos a ponerte un ejemplo de la lista de opciones básica, la más sencilla. Si
queremos preguntar, por ejemplo, cuál es el medio de transporte favorito de
nuestro usuarios, el código de la lista de selección podría ser el siguiente:

Ing. Victor Manuel Chumpitaz Avalos. 2

Listas de cajas: checkbox.
Estas listas de opciones son muy parecidas a las vistas anteriormente salvo por dos
detalles que vamos a mostrarte a continuación.
El primero de ellos y fundamental es que las cajas son de un tipo diferente y se
escriben, por tanto, de forma diferente. Las cajas se escriben mediante
type=“checkbox”.
Otra diferencia es que así como las listas de botones tipo “radio” sólo permitiían
elegir una opción (siempre y cuando los nombres de las opciones fueran los
mismos), las listas de cajas permiten seleccionar una o varias opciones.
Aquí tienes el código de una lista que hemos escrito para demostrarte todo lo que te
hemos explicado anteriormente:

Ing. Victor Manuel Chumpitaz Avalos. 3

Listas de botones: radio
A continuación vamos a ver otro tipo de listas de opciones o de selección. Son listas
con botones de tipo radio. Estos botones se escriben mediente la etiqueta
type=”radio”.
Vamos a transformar la lista anterior en este tipo de lista. Fijaros que a cada opción
le vamos a atribuir una etiqueta nueva, pero todas ellas van a tener el mismo
nombre. El código nuevo quedaría de la siguiente manera:

Ing. Victor Manuel Chumpitaz Avalos. 4

Botones submit, reset y de comando.
HTML define los siguientes tipos de controles:

Botones submit, reset y de comando.

Los autores pueden crear tres tipos de botones:
botones de envío (submit buttons): Cuando se activa, un botón de envío envía un
formulario. Un formulario puede contener más de un botón de envío.
botones de reinicialización (reset buttons): Cuando se activa, un botón de
reinicialización reinicializa todos los controles a sus valores iniciales.
botones pulsadores (push buttons): Los botones pulsadores no tienen un
comportamiento por defecto. Cada botón pulsador puede tener asociados scripts
en el lado del cliente a través del atributo event del elemento. Cuando ocurre un
evento (p.ej., el usuario aprieta el botón, lo suelta, etc.), se acciona el script
asociado.
Los autores deberían especificar el lenguaje de programación del script de un
botón pulsador a través de una declaración de scripts por defecto (con el elemento
META).

Ing. Victor Manuel Chumpitaz Avalos. 5

Ing. Victor Manuel Chumpitaz Avalos. 6