Атрибут tabindex

tabindex атрибуту Tab баскычы менен элементтер арасында өтүп жатканда фокусту алуу тартибин белгилейт.

Бул баскычты басуу менен барактын кээ бир элементтерин (шилтемелерди жана формалардын элементтерин) ийгиликтүү активдештирсе болот. Активдүү элементтер киргизүү фокусту алышат.

input жана textarea тибиндеги киргизүү талаалары үчүн фокус талаада курсор кыймылдап туруп, ага текст киргизсе болот дегенди билдирет, шилтемелер жана башка элементтер үчүн бул кандайдыр бир жол менен (сызык чыгаруу, чекиттүү чек ара менен айланып алуу ж.б., браузерге жараша) бөлүп көрсөтүү болот.

Эгерде фокус алынган учурда элемент баракта көрүнбөсө (жылдыруунун натыйжасында), анда барак ошол элементке жылып чыгат.

Эгерде элементтерге tabindex атрибуту белгиленбесе же анын мааниси 0 болсо, анда алар аркылуу Tab баскычы менен өтүү HTML кодундагы элементтердин жайгашкан тартибинде болот.

Эгерде баракта 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 атрибуту берилген элементтер бүткөндүктөн):

<input type="text" tabindex="3" placeholder="номер: 3">
<input type="text" tabindex="1" placeholder="номер: 1">
<input type="text" tabindex="2" placeholder="номер: 2">
<input type="text" tabindex="4" placeholder="номер: 4">

Ошондой эле караңыз

focus псевдоклассы,
ал элементтин фокуста турган учурдагы стилдерин өзгөртүүгө мүмкүндүк берет