English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia HTML

大全 de etiquetas HTML

Atributo tabindex en HTML

Atributo global tabindex indica si el elemento puede tener el enfoque, y si/Dónde participa en la navegación con teclado (generalmente se usa el tecla Tab, por lo tanto lleva este nombre).

Atributos globales de HTML

Nota: El valor máximo de tabindex no debe superar 32767.Si no se especifica, su valor predeterminado es -1.

Ejemplo en línea

Enlace según el orden especificado de tabindex:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso del atributo tabindex en HTML (Tutoriales básicos en línea oldtoolbag.com)</title>
</head>
<body>
<div tabindex="1">oldtoolbag.com</div><br>
<div tabindex="3">google.com</div><br>
<div tabindex="2">microsoft.com</div>
<script>
// Al inicio, configure el enfoque en el primer div
document.getElementsByTagName('div')[0].focus();
</script>
<p tabindex="4<b>Nota:</b>/Intente navegar por los elementos utilizando el botón "Tab" de su teclado./p>
</body>
</html>
Ver prueba ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores mainstream admiten la propiedad tabindex

Definición y uso

La propiedad tabindex especifica el orden de las pestañas de los elementos (al navegar usando el botón "tab").

HTML 4.01 con HTML5las diferencias

En HTML5En, se puede utilizar la propiedad tabindex en cualquier elemento HTML (se validará en cualquier elemento HTML. Sin embargo, no necesariamente será útil).

En HTML 4.01En, la propiedad tabindex puede utilizarse junto con <a>, <area>, <button>, <input>, <object>, <select> y <textarea>.

Sintaxis

        <element tabindex="number">

Valor de atributo

ValorDescripción
numberSe especifica el orden de control del tabulador para los elementos (1 Es el primero).
Atributos globales de HTML