Атрибут tabindex

Атрибутот tabindex го поставува редоследот на добивање на фокус при навигација помеѓу елементите со помош на копчето Tab.

Со притискање на ова копче може да се активираат последователно некои елементи на страницата (врски и елементи на форми). Активните елементи ќе добијат фокус за внесување.

За полињата за внесување од тип input и textarea фокусот ќе се изрази во тоа што во полето ќе трепка курсорот и во него ќе може да се внесува текст, за врските и другите елементи ова ќе биде истакнување на некој начин (подвлекување, оградување со точкаста граница и сл., зависи од прелистувачот).

Ако во моментот на добивање на фокус елементот не беше видлив на страницата (поради лизгање), тогаш страницата ќе се лизне до тој елемент.

Ако на елементите не им е зададен атрибутот tabindex или има вредност 0, тогаш навигацијата нив со копчето Tab ќе оди по редоследот на елементите во HTML кодот.

Ако на страницата има елементи на кои им е зададен tabindex, тогаш најпрво навигацијата ќе оди по нив, почнувајќи од помалата вредност на атрибутот tabindex (најмалата може да биде еден) и така натаму по растечки вредности на атрибутот, а кога таквите елементи ќе завршат - навигацијата ќе продолжи по оние елементи, на кои не им е зададен tabindex или има вредност 0.

Вредноста на атрибутот се цели броеви од 1 до бесконечност. Ако некои броеви се прескокнати - ништо страшно нема да се случи (на пример, ако нема број 2, тогаш прво фокусот ќе падне на елементот со tabindex, еднаков на 1, а потоа на елементот со tabindex, еднаков на 3).

Ако на страницата во моментот на притискање на копчето Tab има елемент во фокус (фокусот можеше да се добие не само со притискање на Tab, туку и со кликнување со глувчето на елементот или со атрибутот autofocus), тогаш следното притискање на копчето Tab ќе доведе до тоа што фокусот ќе го добие следниот елемент по редослед по оној кој е во фокус (на пример, ако моментално во фокус е елементот со tabindex 3, тогаш следен ќе добие фокус елементот со tabindex 4).

Ако на полето за внесување му е зададен атрибутот disabled, тогаш тоа ќе биде игнорирано при навигација преку копчето Tab, дури и ако на ова поле му е зададен атрибутот tabindex.

Атрибутот tabindex се применува на таговите a, input, textarea, button, select, area.

Пример

Ајде да им зададеме атрибут tabindex на инпут полињата. Притиснете последователно копчето Tab и ќе видите како фокусот за внесување ќе преминува од првото инпут поле до четвртото, а потоа ќе продолжи по врските од почетокот на страницата (бидејќи нема повеќе елементи со зададен атрибут tabindex):

:

Погледнете исто така