Descripción
El atributo tabindex
se utiliza para especificar en qué orden se enfocarán los elementos cuando el usuario navega por una página web utilizando la tecla Tab. Este atributo puede tener varios valores, incluyendo números enteros, “0”, “-1”, o la palabra clave “auto”.
Sintaxis
El atributo tabindex
se utiliza de la siguiente manera:
<elemento tabindex="número">
En esta sintaxis, el valor del atributo tabindex
es un número entero que determina el orden de navegación. Un valor positivo significa que el elemento será enfocado en el orden especificado por el valor, mientras que un valor de “0” significa que el elemento será enfocado en el orden natural del documento. Un valor de “-1” significa que el elemento no será enfocado en absoluto.
Ejemplo
Aquí hay un ejemplo de cómo usar el atributo tabindex
:
<input type="text" tabindex="1">
<button tabindex="2">Enviar</button>
En este ejemplo, cuando el usuario presiona la tecla Tab, el cursor se moverá primero al campo de texto y luego al botón de enviar.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.