Innovaciones de Microsoft
La compañía Microsoft en sus navegadores Internet Explorer 3.0 y posteriores ha incorporado una serie de extensiones a la etiqueta INPUT para incrementar las posibilidades de los programadores de HTML. Estas extensiones afectan a todos los controles que hemos visto que hacen uso de esta etiqueta.
La primera extensión resultará conocida a los lectores, se trata del atributo TITLE, y su función será mostrar un bocadillo explicativo cuando el usuario pase el cursor por encima del control. Veamos un ejemplo:
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 texto ‘Introduzca aquí su nombre ‘:
Figura 12.19. El atributo TITLE es una extensión de Microsoft que permite dar una descripción a los controles que será mostrada en un bocadillo.
Este atributo puede usarse con entera libertad, a pesar de tratarse de una extensión, porque los usuarios de Internet Explorerpodrá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:
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 conInternet 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:
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.
Fuente: Copyright Jorge Ferrer, Rodrigo Garcia y Victor García, licencia Documentación Libre GNU, Versión 1.1
