Tabindex atribūts

Atribūts tabindex nosaka fokusa iegūšanas secību, pārejot starp elementiem ar taustiņu Tab.

Nospiežot šo taustiņu, var secīgi aktivizēt dažus lapas elementus (saites un formu elementus). Aktīvie elementi saņems ievades fokusu.

Ievades laukiem ar tipu input un textarea fokuss izpaudīsies tajā, ka laukā mirgos kursors un tajā varēs ievadīt tekstu, saitēm un citiem elementiem tas būs izcelšana kaut kādā veidā (pasvītrojums, punktainas robežas apvilks un tml., atkarīgs no pārlūkprogrammas).

Ja elementam fokusa iegūšanas brīdī nebija redzams lapā (ritināšanas dēļ), tad lapa tiks ritināta līdz šim elementam.

Ja elementiem nav iestatīts atribūts tabindex vai tam ir vērtība 0, tad pāreja pa tiem ar taustiņu Tab notiks elementu izvietojuma secībā HTML kodā.

Ja lapā ir elementi, kuriem ir iestatīts tabindex, tad vispirms pāreja notiks pa tiem, sākot no mazākās atribūta tabindex vērtības (mazākā var būt viens) un tā tālāk pēc atribūta vērtību pieauguma, un, kad šādi elementi beigsies - pāreja turpināsies pa tiem elementiem, kuriem nav iestatīts tabindex vai tam ir vērtība 0.

Atribūta vērtība ir veseli skaitļi no 1 līdz bezgalībai. Ja daži numuri ir izlaisti - nekas briesmīgs nenotiks (piemēram, ja nav numura 2, tad vispirms fokuss nonāks uz elementu ar tabindex, vienādu ar 1, un pēc tam uz elementu ar tabindex, vienādu ar 3).

Ja lapā taustiņa Tab nospiešanas brīdī kāds elements atrodas fokusā (fokuss varēja tikt iegūts ne tikai nospiežot Tab, bet arī noklikšķinot ar peles kursori uz elementa vai ar atribūtu autofocus), tad nākamā taustiņa Tab nospiešana novedīs pie tā, ka fokuss tiks piešķirts nākamajam elementam pēc kārtas aiz tā, kas atrodas fokusā (piemēram, ja šobrīd fokusā ir elements ar tabindex 3, tad nākamais saņems fokusu elements ar tabindex 4).

Ja ievades laukam ir iestatīts atribūts disabled, tad tas tiks ignorēts pārejās ar taustiņu Tab, pat ja šim laukam ir iestatīts atribūts tabindex.

Atribūts tabindex tiek lietots ar tagiem a, input, textarea, button, select, area.

Piemērs

Piešķirsim input elementiem atribūtu tabindex. Nospiediet secīgi taustiņu Tab un jūs redzēsiet, kā ievades fokuss pāries no pirmā input uz ceturto, un pēc tam dosies pa saitēm no lapas sākuma (jo vairāk elementu ar iestatītu atribūtu tabindex nav):

:

Skatiet arī