» La propiedad tabindex | Solo Código |

La propiedad tabindex

Escrito por J.F. el Viernes, 19 de Octubre del 2007 a las 15:06

Vamos a hablar en ésta ocasión de una propiedad pensada para mejorar la accesibilidad en páginas web, enfocada a optimizar la navegación por medio del teclado. Para ello se utiliza la propiedad tabindex, que es aceptada por los siguientes elementos: <a>, <area>, <button>, <input>, <object>, <select> y por último <textarea>. De ésta manera al situarnos sobre uno de los elementos, cuando pulsemos tabulador, irá al siguiente elemento según la numeración dada en tabindex. Para usar ésta propiedad simplemente debemos declararla asignándole un número, y los saltos se realizarán siguiendo el orden de los números. Muy útil para aplicaciones web en las que el usuario haga manejo de muchos campos, y utilice tabulador para ir pasando de uno a otro. Aquí va un sencillo ejemplo:

TEXTO PLANO

HTML:

<body>

Campo 1:

<input type="text" name="campo1" tabindex="1"/>

Campo 2:

<input type="text" name="campo2" tabindex="4"/>

Campo 3:

<input type="text" name="campo3" tabindex="3"/>

Campo 4:

<input type="text" name="campo4" tabindex="2"/>

<input type="submit" value="Fin" tabindex="5"/>

</body>

Categoria: HTML, General

Añadir este post a

Del.icio.us -

Meneame -

Digg -

Webeame

No hay comentarios

Entradas relacionadas

Deja un comentario

Escribir un comentario

Solo Código

Solo Código es una colección de códigos de todo tipo que pueden resultar útiles para el diseño de páginas web. Está enfocado tanto para aquellos que son expertos, como para aquellos principiantes que quieren encontrar recursos útiles, o no saben implementar determinadas funciones en sus webs. No olvides que Solo Código es un blog de Informática Práctica, donde tenemos otras secciones interesantes como:
| Tutoriales | Trucos | Software | Links | Buscar |