Atributi tabindex

Atributi tabindex përcakton rendin e marrjes së fokusit kur kaloni midis elementeve duke përdorur tastin Tab.

Duke shtypur këtë tast, mund të aktivizoni në mënyrë sekuenciale disa elemente të faqes (lidhjet dhe elementet e formularëve). Elementet aktivë do të marrin fokusin e hyrjes.

Për fushat e hyrjes së tipit input dhe textarea fokusi do të shprehet në faktin se në fushë do të pulsojë kursor dhe në të do të mund të futet teksti, për lidhjet dhe elementët e tjerë kjo do të jetë theksimi në një farë mënyre (nënvizim, kufizim me vijë me pika, etj., varet nga shfletuesi).

Nëse në momentin e marrjes së fokusit elementi nuk ishte i dukshëm në faqe (për shkak të scroll-it), atëherë faqja do të scroll-ohet tek ai element.

Nëse elementeve nuk u është caktuar atributi tabindex ose ai ka vlerën 0, atëherë kalimi nëpër to me tastin Tab do të shkojë sipas rendit të ndjekjes së elementeve në kodin HTML.

Nëse në faqe ka elemente, të cilëve u është caktuar tabindex, atëherë fillimisht kalimi do të shkojë nëpër to, duke filluar nga vlera më e vogël e atributit tabindex (më e vogla mund të jetë njësia) e kështu me radhë sipas rritjes së vlerave të atributit, dhe kur elementë të tillë të mbarojnë - kalimi do të vazhdojë nëpër ato elemente, të cilëve nuk u është caktuar tabindex ose ai ka vlerën 0.

Vlera e atributit janë numra të plotë nga 1 deri në pafundësi. Nëse disa numra janë anashkaluar - nuk ndodh asgjë e tmerrshme (për shembull, nëse nuk ka numër 2, atëherë së pari fokusi do të bjerë në elementin me tabindex, të barabartë me 1, e më pas në elementin me tabindex, të barabartë me 3).

Nëse në faqe në momentin e shtypjes së tastit Tab ka një element në fokus (fokusi mund të ishte marrë jo vetëm duke shtypur Tab, por edhe duke klikuar me miun në element ose nga atributi autofocus), atëherë shtypja e radhës e tastit Tab do të çojë në faktin se fokusin do ta marrë elementi i radhës sipas rendit pas atij që është në fokus (për shembull, nëse tani në fokus është elementi me tabindex 3, atëherë i radhës do ta marrë fokusin elementi me tabindex 4).

Nëse fushës së hyrjes i është caktuar atributi disabled, atëherë ajo do të injorohet nga kalimet përmes tastit Tab, edhe nëse kësaj fushe i është caktuar atributi tabindex.

Atributi tabindex zbatohet për tegjat a, input, textarea, button, select, area.

Shembull

Le t'u caktojmë inputeve atributin tabindex. Shtypni në mënyrë sekuenciale tastin Tab dhe ju do të shihni si fokusi i hyrjes do të kalojë nga inputi i parë tek i katërti, e më pas do të vazhdojë nëpër lidhjet nga fillimi i faqes (pasi nuk ka më elementë të tjerë me atribut të caktuar tabindex):

:

Shihni gjithashtu