Manuale di riferimento HTML

Completo elenco dei tag HTML

Attributo tabindex in HTML

L'attributo tabindex globale indica se l'elemento può essere focalizzato e se/come partecipa all'ordinamento della navigazione con la tastiera (solitamente utilizzando il tasto Tab, da cui il nome).

Proprietà globali HTML

Nota: Il valore massimo di tabindex non dovrebbe superare 32767. Se non specificato, il valore predefinito è -1.

Esempio online

Collegamenti in ordine di tabindex specificato:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo dell'attributo tabindex in HTML (Manuale di base HTML 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 inizio, impostare il focus sul primo div
document.getElementsByTagName('div')[0].focus();
</script>
<p tabindex="4"><b>Nota:</b> Provare a navigare tra gli elementi utilizzando il pulsante "Tab" sulla tua tastiera.</p>
</body>
</html>

Testa per vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo tabindex

Definizione e uso

L'attributo tabindex specifica l'ordine delle schede dell'elemento (quando si naviga utilizzando il pulsante "tab").

Differenze tra HTML 4.01 e HTML5

In HTML5, l'attributo tabindex può essere utilizzato su qualsiasi elemento HTML (verificherà qualsiasi elemento HTML. Ma non è necessariamente utile).

In HTML 4.01, l'attributo tabindex può essere utilizzato con <a>, <area>, <button>, <input>, <object>, <select> e <textarea>.

Sintassi

　　　　 <element tabindex="number">

Valore dell'attributo

Valore	Descrizione
number	Stabilisce l'ordine di controllo del tasto tab dell'elemento (1 è il primo).

Proprietà globali HTML

HTML: <template> etichetta