Atribut tabindex

Atribut tabindex postavlja redosled dobijanja fokusa prilikom prelaska između elemenata pomoću tastera Tab.

Pritiskom na ovaj taster moguće je aktivirati uzastopno neke elemente stranice (linkovi i elementi formulara). Aktivni elementi će dobiti fokus unosa.

Za polja unosa tipa input i textarea fokus će se ispoljiti time što će u polju treptati kursor i u njega će biti moguće unositi tekst, za linkove i druge elemente to će biti isticanje na neki način (podvlačenje, obilazak isprekidanom granicom i sl., zavisi od brauzera).

Ako u trenutku dobijanja fokusa element nije bio vidljiv na stranici (zbog skrolovanja), tada će se stranica skrolovati do tog elementa.

Ako elementima nije dat atribut tabindex ili ima vrednost 0, tada će prelazak preko njih tasterom Tab ići redosledom pojavljivanja elemenata u HTML kodu.

Ako na stranici postoje elementi kojima je dat tabindex, tada će prelazak prvo ići preko njih, počevši od manje vrednosti atributa tabindex (najmanja može biti jedinica) i tako dalje po rastućim vrednostima atributa, a kada se takvi elementi završe - prelazak će ići preko onih elemenata, kojima nije dat tabindex ili ima vrednost 0.

Vrednošću atributa služe celi brojevi od 1 do beskonačnosti. Ako su neki brojevi propušteni - ništa strašno se neće desiti (na primer, ako nema broja 2, tada će prvo fokus doći na element sa tabindex, jednakim 1, a zatim na element sa tabindex, jednakim 3).

Ako na stranici u trenutku pritiska tastera Tab postoji element u fokusu (fokus je mogao biti dobijen ne samo pritiskom Tab, nego i klikom mišem na element ili atributom autofocus), tada će sledeći pritisak tastera Tab dovesti do toga da će fokus dobiti sledeći po redosledu element posle onog koji je u fokusu (na primer, ako je trenutno u fokusu element sa tabindex 3, tada će sledeći dobiti fokus element sa tabindex 4).

Ako je polju unosa dat atribut disabled, tada će biti zanemareno prelascima preko tastera Tab, čak i ako je tom polju dat atribut tabindex.

Atribut tabindex primenjuje se na tagove a, input, textarea, button, select, area.

Primer

Hajde da inputima dodelimo atribut tabindex. Pritisnite uzastopno taster Tab i videćete, kako će se fokus unosa prebacivati od prvog inputa do četvrtog, a zatim će ići preko linkova od početka stranice (pošto više nema elemenata sa datim atributom tabindex):

:

Pogledajte takođe