Let Q be an SPJRU query, I an instance, and t a

2.10. Innovaciones de Microsoft

La compañía Microsoft en sus navegadores Internet Explorer 3.0

La compañía Microsoft en sus navegadores Internet Explorer 3.0 y posteriores hay posteriores ha incorporado una serie de extensiones a la etiqueta INPUT para incrementar las incorporado una serie de extensiones a la etiqueta INPUT para incrementar las  posibilidades

 posibilidades de los programadde los programadores de HTML. Estaores de HTML. Estas extensiones afes extensiones afectan a todosctan a todos los controles que hemos visto que hacen uso

los controles que hemos visto que hacen uso de esta etiqueta.de esta etiqueta. La primera extensión resultará conocida a los lectores, se trata del La primera extensión resultará conocida a los lectores, se trata del atributo

atributo TITLE TITLE , y su , y su función será mostrar un bocadillo explicativo cuando elfunción será mostrar un bocadillo explicativo cuando el usuario pase el cursor por

usuario pase el cursor por encima del control. Veamos un ejemplo:encima del control. Veamos un ejemplo:

<FORM> <FORM> <P>Introduzca su nombre: <P>Introduzca su nombre: <INPUT TYPE="text" <INPUT TYPE="text" NAME="nombre" NAME="nombre"

TITLE="Introduzca aquí su Nombre" TITLE="Introduzca aquí su Nombre" SIZE="30">

SIZE="30">

</FORM> </FORM>

Como podemos ver en la figura 12.19, cuando se mantiene el cursor un tiempo Como podemos ver en la figura 12.19, cuando se mantiene el cursor un tiempo aparece un bocadillo con fondo amarillo (estándar de Windows) con el

aparece un bocadillo con fondo amarillo (estándar de Windows) con el texto

texto 'Introduzca aquí su nombre ' 'Introduzca aquí su nombre ' ::

Figura 12.19. El atributo TITLE es una extensión de Microsoft que permite Figura 12.19. El atributo TITLE es una extensión de Microsoft que permite dar una descripción a los controles que será mos

Este atributo puede usarse con entera libertad, a pesar de tratarse de una

extensión, porque los usuarios de Internet Explorer podrán beneficiarse de ella y los usuarios de navegadores que no lo entiendan no saldrán perjudicados,

simplemente se quedarán igual que si no lo hubiésemos usado.

La segunda extensión está formada por dos atributos: TABINDEX y NOTAB.

Cuando nos encontramos ante un formulario formado por varios controles, como el del ejemplo 1 (figura 12.14), se puede usar la tecla tabulador o TAB para pasar  de uno a otro. Por defecto al pulsar esta tecla se pasa al siguiente control en el orden en que fueron insertados en el código HTML. El atributo TABINDEX nos

 permitirá cambiar el orden. La forma de usarlo consiste en incluirlo en todos y

cada uno de los controles asignándole un número, este número representará la  posición de ese control. El atributo NOTAB, por su parte indicará que este

control está fuera de la lista, y por lo general será situado el último de todos. Para entender ambos atributos mejor es necesario verlo con un ejemplo, para ello

usaremos parte del código del ejemplo 1:

<FORM>

<P>1) Introduzca su nombre: <INPUT TYPE="text"

NAME="nombre" TABINDEX="1">

<P>3) Introduzca una clave para su identificación (4 letras): <INPUT TYPE="password" NAME="clave" TABINDEX="3"> <P>4) Dirección <INPUT TYPE="text" NAME="direccion" NOTAB> <P> 2) Tipo de habitación </P> <INPUT TYPE="Radio" NAME="tipoHabitacion" VALUE="individual" TABINDEX="2"> Individual <INPUT TYPE="Radio" NAME="tipoHabitacion" VALUE="doble" CHECKED TABINDEX="2"> Doble </FORM>

Tras introducir el nombre, cuando el usuario pulse el tabulador pasará a elegir el tipo de habitación, después introducirá la clave y por último la dirección. En el

directorio ejem2 hemos incluido este ejemplo para que el lector pueda probarlo y

compruebe el funcionamiento de los atributos TABINDEX y NOTAB. Debemos recordar que únicamente funcionarán con Internet Explorer 3.0 o posterior.

La última innovación que ha introducido Microsoft son los

atributos READONLY y DISABLED. Estos atributos funcionan exclusivamente

con Internet Explorer 4.0 (y posteriores), por lo que debemos tener cuidado al usarlos.

Cuando usamos el atributo DISABLED en un control lo deshabitamos. En

general este atributo únicamente es usado con cajas de texto. Cuando una caja de texto usa este atributo podrá seguir mostrando texto (si usamos el atributo

VALUE para poner un texto inicial), pero el usuario no podrá cambiarlo. Este control tampoco podrá ser seleccionado, prácticamente actúa como si no

estuviera. La función del atributo READONLY es muy similar, con la única diferencia de que el control actúa como tal, por ejemplo en una caja de texto  podemos seleccionar con el ratón el texto que hay en ella, pero tampoco podrá

modificarse el contenido.

Aunque en la documentación ofrecida por Microsoft no aparece así, el atributo READONLY sólo funciona correctamente en las cajas de texto, pero no en los

 botones de elección o en las cajas de selección. Quizá sea un fallo que se solucione en  próximas versiones, pero hoy por hoy, para deshabilitar estos dos últimos controles,

debemos usar el atributo DISABLED.

Veamos unos ejemplos con cajas de texto y botones de selección:

<H2> Cajas de texto </H2> Normal: <INPUT TYPE="text" NAME="texto1" VALUE="Texto inicial"> <BR> DISABLED: <INPUT TYPE="text" NAME="texto2" VALUE="Texto inicial" DISABLED> <BR>

READONLY: <INPUT TYPE="text" NAME="texto2" VALUE="Texto inicial" READONLY> <BR> <H2> Botones de elección </H2> Normal: <INPUT TYPE="radio" NAME="boton" CHECKED> <BR> DISABLED: <INPUT TYPE="radio" NAME="boton" DISABLED> <BR> READONLY: <INPUT TYPE="radio" NAME="boton" READONLY> <BR>

En la figura 12.20 podemos ver el resultado de visualizar este código con Internet Explorer 4.0.

Figura 12.20. Los atributos DISABLED y READONLY permiten deshabilitar un control de manera que sólo sirva para mostrar datos.

En los casos de la caja de texto y el botón de elección se observa claramente que el navegador le da una apariencia distinta para resaltar que está deshabilitado. En el directorio disabled se ha incluido este ejemplo añadiendo también las cajas de selección para que el lector pueda probarlos.