Tabindex atributy

Atribut tabindex elementler arasynda geçiş edilende fokus almak tertibini belgileýär Tab düwmesiniň ýardamy bilen.

Bu düwäni basmak bilen sahypanyň käbir elementlerini (çykgytlar we formalaryň elementleri) yz-ýyzdan işjeňleşdirip bolýar. Işjeň elementler girizme fokusyny alar.

input we textarea ýaly girizme meýdanlary üçin fokus, meýdanda kursorüň ýyşgyrdyp durmagynda we oňa teksti girizip boljaklygynda özünü aňladar, çykgytlar we beýleki elementler üçin bolsa birnäçe usul bilen bellik edilme (aşagy çyzyk çekme, nokatly çägine aýlanma we ş.m., brauzere bagly) bolar.

Eger fokus alnan wagty element sahypada görünmeýän bolsa (aýlaw sebäpli), onda sahypa şol elemente çenli aýlanar.

Eger elementlere tabindex atributy berilmedik bolsa ýa-da onuň bahasy 0 bolsa, onda Tab düwmesi bilen geçiş elementleriň HTML kodundaky ýerleşiş tertibinde bolar.

Eger sahypada tabindex berlen elementler bar bolsa, onda geçiş ilki bilen olardan başlap, atribut tabindex bahasynyň iň kiçisinden (iň kiçi baha birlik bolup biler) we ş.m. atribut bahalarynyň artmagy ýaly dowam eder, we şeýle elementler gutaran soňra - geçiş tabindex berilmedik elementlere ýa-da onuň bahasy 0 bolan elementlere geçer.

Atribut bahasy hökmünde 1-dan çäk-syzlyga çenli bolan bitin sanlar hyzmat edýär. Eger käbir nomerler atlyk çyksa - hiç zat bolmaz (mysal üçin, eger 2 nomeri ýok bolsa, onda ilki bilen fokus tabindex, 1-a deň bolan elemente düşer, soňra bolsa tabindex, 3-a deň bolan elemente düşer).

Eger sahypada Tab düwmesi basylanda fokusda element bar bolsa (fokus diňe Tab basmak bilen däl, eýsem, siçan bilen element üçine basmak ýa-da autofocus atributy bilen hem alynyp bilner), onda Tab düwmesiniň indiki basylyşy häzirki fokusdaky elementden soňky tertipdeki elemente fokus geçmegine getirer (mysal üçin, eger häzir fokusda tabindex 3 bolan element bolsa, onda indiki fokus aljak element tabindex 4 bolan element bolar).

Eger girizme meýdanyna disabled atributy berilse, onda ol Tab düwmesi bilen geçişler tarapyndan seredilmäjek, eger-de oňa tabindex atributy berilse hem.

tabindex atributy şu teglere goýulýar: a, input, textarea, button, select, area.

Mysal

Geliň inputlar tabindex atributyny bereliň. Tab düwmesini yz-ýyzdan basyň we girizme fokusynyň birinji inputdan dördünjü inputa geçýändigini, soňra bolsa çykgytlar boýunça sahypanyň başyndan geçýändigini görersiňiz (sebäbi tabindex atributy berlen elementler ýok bolýar):

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

Şeýle-de serediň

focus sözboýun klas,
ol elementiň fokusdaky stilin üýtgetmäge mümkinçilik berýär