Formularios.
las imágenes de formularios. También permite usar otros atributos de la etiqueta IMG como VSPACE y HSPACE para controlar los márgenes verticales y horizontales alrededor de la imagen y BORDER para controlar el grosor del borde. En este ejemplo hemos usado una imagen creada por nosotros mismos como sustituto del botón de envío estándar. Sin embargo las imágenes de formulario tienen una función extra, ya que el navegador envía, cuando el usuario pulsa una imagen, las coordenadas ’x’ e ’y’ sobre las que se ha pulsado, en relación a la esquina superior izquierda, como si fueran parte de la información del formulario. De esta forma el servidor Web puede realizar diferentes acciones en función del lugar de la imagen donde se ha pulsado. De hecho este es un método alternativo para crear una imagen mapa. Para ello no tenemos más que usar el código: <FORM> <INPUT TYPE="image" SRC="imagenmapa.gif"> </FORM>
Posteriormente debemos crear un programa en el servidor que sea capaz de leer los datos (es decir, las coordenadas donde se ha pulsado) de este formulario y devolver la respuesta oportuna. Más sobre esto en la sección ’Como usar los datos de un formulario’ que veremos más adelante. En el capítulo 6 vimos la diferencia entre las imágenes mapa en el servidor y las imágenes mapa en el cliente (las que podíamos crear con el lenguaje HTML). Este nuevo tipo se corresponde con las procesadas con el servidor, y por tanto tiene el inconveniente de necesitar un programa externo que se ejecute en el servidor, por lo que no nos basta con el lenguaje HTML. Para terminar con las imágenes de formulario veremos, como hemos venido haciendo hasta ahora, un resumen con sus atributos: <INPUT TYPE="image" SRC="URL" NAME="Nombre">
Botón de borrado La mayoría de los controles anteriores permitían al usuario introducir una serie de datos o elegir entre una serie de opciones. Inicialmente las cajas de texto aparecían vacías, a no ser que hubiésemos usado el atributo VALUE para asignarles por defecto. Igualmente los botones de elección y cajas de selección aparecían en posición de no seleccionados a no ser que hubiésemos indicado lo contrario usando el atributo CHECKED. Una vez a cargado la página con el formulario en blanco o con unas opciones por defecto el navegante puede actuar sobre los controles y modificar sus valores (en esto se basa la interactividad). Pero quizás en algún momento decida que quiere dar marcha atrás y recuperar los datos que aparecieron al principio. Con este fin existe en el lenguaje HTML un control que permite borrar los datos actuales de todos los campos del formulario y restablecer los valores por defecto, si es que los había. Este control recibe el nombre de botón de borrado o botón de reseteado (reset button ). La creación de este control es muy sencilla. De nuevo usaremos la etiqueta INPUT, esta vez con TYPE="reset":
<INPUT TYPE="reset">
Este código provocará la aparición de un botón como el botón de envío con un texto por defecto que indica su función. Por ejemplo Internet Explorer 4.0™ muestra el mensaje ’Restablecer’. Este texto dependerá del navegador que usen los visitantes de nuestra página, y dado que esto no siempre es deseable podemos usar el
395