Tabindex atributu

tabindex atributu Tab düyməsi vasitəsilə elementlər arasında keçid zamanı fokusun alınma sırasını təyin edir.

Bu düyməni basmaqla səhifənin bəzi elementləri ardıcıl olaraq aktivləşdirilə bilər (keçidlər və formalarin elementləri). Aktiv elementlər fokusu alacaq.

input və textarea tipli daxiletmə sahələri üçün fokus, sahədə kursorun yanıb-sönməsi və ona mətn daxil edilə bilməsi ilə ifadə olunacaq, keçidlər və digər elementlər üçün bu, bir şəkildə vurğulanacaq (alt xətt, nöqtəli xətt ilə kontur və s., brauzerdən asılıdır).

Əgər fokusun alınması anında element səhifədə görünmürdüsə (sürüşdürmə səbəbindən), onda səhifə həmin elementə qədər sürüşdürüləcək.

Əgər elementlərə tabindex atributu təyin edilməyibsə və ya onun qiyməti 0-dırsa, onda Tab düyməsi ilə onlar arasında keçid HTML kodunda elementlərin ardıcıllığı ilə həyata keçiriləcək.

Əgər səhifədə tabindex təyin edilmiş elementlər varsa, onda əvvəlcə keçid onlar üzrə, tabindex atributunun kiçik qiymətindən (ən kiçik qiymət bir ola bilər) başlayaraq və s., atributun qiymətlərinin artan sırası ilə həyata keçiriləcək, və belə elementlər bitdikdə isə keçid, tabindex təyin edilməyən və ya onun qiyməti 0 olan elementlər üzrə davam edəcək.

Atributun qiyməti 1-dən sonsuzluğa qədər tam ədədlərdir. Əgər bəzi nömrələr buraxılıbsa - heç bir dəhşətli şey baş verməyəcək (məsələn, 2 nömrəsi yoxdursa, onda əvvəlcə fokus tabindex-i 1 olan elementə, sonra isə tabindex-i 3 olan elementə düşəcək).

Əgər səhifədə Tab düyməsinin basılması anında fokusda olan element varsa (fokus yalnız Tab ilə deyil, həm də siçan ilə element üzərində klikləmə və ya autofocus atributu ilə əldə edilə bilər), onda Tab düyməsinin növbəti basılması fokusda olan elementdən sonrakı elementin fokusu almasına səbəb olacaq (məsələn, əgər hazırda fokusda tabindex-i 3 olan elementdirsə, onda növbətidə fokusu tabindex-i 4 olan element alacaq).

Əgər daxiletmə sahəsinə disabled atributu təyin edilibsə, onda o, Tab düyməsi ilə keçidlər zamanı nəzərə alınmayacaq, hətta bu sahəyə tabindex atributu təyin edilsə belə.

tabindex atributu aşağıdakı teqlərə tətbiq edilir: a, input, textarea, button, select.

Nümunə

Gəlin inputlara tabindex atributunu təyin edək. Tab düyməsini ardıcıl olaraq basın və siz görəcəksiniz ki, daxiletmə fokusu necə birinci inputdan dördüncüyə keçəcək, və sonra səhifənin əvvəlindən keçidlər üzrə getməyə davam edəcək (çünki tabindex atributu təyin edilmiş başqa elementlər qalmayıb):

<input type="text" tabindex="3" placeholder="number: 3">
<input type="text" tabindex="1" placeholder="number: 1">
<input type="text" tabindex="2" placeholder="number: 2">
<input type="text" tabindex="4" placeholder="number: 4">

Həmçinin bax

fokusdakı elementin stilini dəyişməyə imkan verən focus psevdoklassı