Tabindex atributi

tabindex atributi elementlar orasida Tab tugmasi yordamida o'tish paytida fokus olish tartibini belgilaydi.

Ushbu tugmani bosish orqali sahifadagi ba'zi elementlarni ketma-ket faollashtirish mumkin (havolalar va shakl elementlari). Faol elementlar kiritish fokusini oladi.

input va textarea turi kiritish maydonlari uchun fokus maydonda kursor miltillashi va unga matn kiritish mumkin bo'lishida namoyon bo'ladi, havolalar va boshqa elementlar uchun bu qandaydir tarzda ajralib turish (tagiga chizish, nuqtali chiziq bilan o'rab olish va h.k., brauzerga bog'liq).

Agar fokus olish paytida element sahifada ko'rinmasa (skroll tufayli), sahifa ushbu elementga skrollanadi.

Agar elementlarga tabindex atributi berilmagan bo'lsa yoki uning qiymati 0 bo'lsa, Tab tugmasi orqali ular orasida o'tish HTML kodidagi elementlarning ketma-ketligi bo'yicha amalga oshiriladi.

Agar sahifada tabindex berilgan elementlar mavjud bo'lsa, dastlab o'tish ular orasida, tabindex atributining kichik qiymatidan boshlab (eng kichik qiymat bir bo'lishi mumkin) va hokazo atribut qiymatlarining o'sish tartibida amalga oshiriladi, va qachonki bunday elementlar tugasa - o'tish tabindex berilmagan yoki uning qiymati 0 bo'lgan elementlar orasida davom etadi.

Atribut qiymati 1 dan cheksizlikgacha bo'lgan butun sonlardir. Agar ba'zi raqamlar o'tkazib yuborilgan bo'lsa - hech qanday yomon narsa bo'lmaydi (masalan, agar 2 raqami yo'q bo'lsa, avval fokus tabindex qiymati 1 ga teng bo'lgan elementga tushadi, keyin esa tabindex qiymati 3 ga teng bo'lgan elementga tushadi).

Agar sahifada Tab tugmasi bosilgan paytda fokusdagi element mavjud bo'lsa (fokus nafaqat Tab bosish orqali, balki sichqoncha bilan elementga bosish yoki autofocus atributi orqali ham olinishi mumkin), keyingi Tab tugmasini bosish fokusdagi elementdan keyingi tartibdagi element fokus olishiga olib keladi (masalan, agar hozir fokusda tabindex 3 bo'lgan element bo'lsa, keyingi fokusni tabindex 4 bo'lgan element oladi).

Agar kiritish maydoniga disabled atributi berilgan bo'lsa, u Tab tugmasi orqali o'tishlar tomonidan e'tiborga olinmaydi, hatto agar ushbu maydonga tabindex atributi berilgan bo'lsa ham.

tabindex atributi quyidagi teglarga qo'llaniladi: a, input, textarea, button, select, area.

Misol

Keling inputlarga tabindex atributini beraylik. Tab tugmasini ketma-ket bosing va siz kiritish fokusining birinchi inputdan to'rtinchisiga o'tishini ko'rasiz, keyin esa sahifa boshidagi havolalar bo'yicha davom etadi (chunki tabindex atributi berilgan elementlar qolmadi):

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

Shuningdek qarang

focus psevdoklasi,
bu fokusdagi elementning uslublarini o'zgartirish imkonini beradi