7.4 Botones

Para crear un botón que ejecute una acción cuando el usuario haga clic en él, se utiliza la propiedad TYPE del tag <INPUT>.

<INPUT TYPE=BUTTON VALUE=texto>

donde la propiedad VALUE define el mensaje que aparecerá dentro del botón.

Por ejemplo, el código

<INPUT TYPE=BUTTON VALUE="Mostrar">

crea un botón como el que abajo se muestra

Cuando el usuario termina de llenar el formulario debe ejecutar alguna acción que envíe ésta al servidor donde corre el CGI script. Para ello habitualmente se incluye en el formulario un botón especialmente diseñado para esta función, conocido como submit button. Todo formulario incluye también un botón conocido como reset button, destinado a regresar todos los campos a sus valores por omisión.

Por ejemplo, los códigos

<INPUT TYPE=SUBMIT VALUE="Entrar">

<INPUT TYPE=RESET VALUE="Limpiar">

crean dos botones, uno para enviar la data y el otro para regresar todos los campos a sus valores originales.

En caso de que se incluyan varios botones del mismo tipo en un mismo formulario, cada uno debe identificarse, usando para ello la propiedad NAME del tag <INPUT>.

Para completar el formulario que comenzamos a crear en el epígrafe anterior, se modifica el código fuente como se muestra abajo.

lo que produce la salida

| Lección 7 | 7.1 | 7.2 | 7.3 | 7.4 | 7.5 |