Atribut tabindex

Atribut tabindex določa vrstni red pridobivanja fokusa pri prehodu med elementi s tipko Tab.

S pritiskom na to tipko lahko zaporedno aktiviramo nekatere elemente strani (povezave in elementi obrazcev). Aktivni elementi bodo prejeli vnosni fokus.

Za vnosna polja tipa input in textarea se bo fokus izrazil v tem, da bo v polju utripal kazalec in vanj lahko vnašamo besedilo, za povezave in druge elemente pa bo to poudarjeno na določen način (podčrtanje, obkrožitev s črtkano mejo itd., odvisno od brskalnika).

Če element v trenutku pridobivanja fokusa ni viden na strani (zaradi drsenja), se bo stran pomaknila k temu elementu.

Če elementom ni določen atribut tabindex ali ima vrednost 0, bo prehod nanje s tipko Tab potekal po vrstnem redu zaporedja elementov v HTML kodi.

Če so na strani elementi, katerim je določen tabindex, bo prehod najprej potekal po njih, začenši od manjše vrednosti atributa tabindex (najmanjša je lahko ena) in naprej po naraščajočih vrednostih atributa, ko pa bodo takšni elementi zmanjkali - bo prehod šel po tistih elementih, katerim ni določen tabindex ali ima vrednost 0.

Vrednostjo atributa so cela števila od 1 do neskončnosti. Če so nekatere številke izpuščene - se ne bo zgodilo nič hudega (na primer, če ni številke 2, bo najprej fokus prišel na element z tabindex, enakim 1, nato pa na element z tabindex, enakim 3).

Če je na strani v trenutku pritiska tipke Tab element v fokusu (fokus je lahko pridobljen ne le s pritiskom Tab, ampak tudi s klikom miške na element ali z atributom autofocus), bo naslednji pritisk tipke Tab povzročil, da bo fokus dobil naslednji element po vrstnem redu za tistim, ki je v fokusu (na primer, če je trenutno v fokusu element z tabindex 3, bo naslednji fokus dobil element z tabindex 4).

Če je vnosnemu polju določen atribut disabled, bo bo prezrt pri prehodih s tipko Tab, tudi če je temu polju določen atribut tabindex.

Atribut tabindex se uporablja za oznake a, input, textarea, button, select, area.

Primer

Določimo inputom atribut tabindex. Zaporedoma pritiskajte tipko Tab in videli boste, kako se bo vnosni fokus prenašal od prvega inputa do četrtega, nato pa šel po povezavah od začetka strani (ker ni več elementov z določenim atributom tabindex):

:

Glejte tudi