Die tabindex-kenmerk

Die kenmerk tabindex stel die volgorde in waarin fokus verkry word wanneer tussen elemente beweeg word met die sleutel Tab.

Deur hierdie sleutel te druk kan sommige elemente op die bladsy geaktiveer word (skakels en elemente van vorms). Aktiewe elemente sal die insetfokus ontvang.

Vir insetvelde van tipe input en textarea sal fokus uitgedruk word deurdat die wyser in die veld sal flikker en daarin teks ingevoer kan word. Vir skakels en ander elemente sal dit 'n beklemtoning op een of ander manier wees (onderstreping, omlyning met 'n stippellyn, ens., hang af van die blaaier).

Indien die element op die oomblik van fokusverkryging nie op die bladsy sigbaar was nie (as gevolg van afrol), dan sal die bladsy na daardie element afrol.

As elemente nie die kenmerk tabindex toegeken is nie of as dit die waarde 0 het, sal beweging tussen hulle met die Tab-sleutel volgens die volgorde van die elemente in die HTML-kode geskied.

As daar elemente op die bladsy is waaraan tabindex toegeken is, sal beweging eers tussen hulle geskied, vanaf die laagste waarde van die kenmerk tabindex (die kleinste kan een wees) en so verder in volgorde van toenemende waardes van die kenmerk. Wanneer sulke elemente klaar is, sal beweging voortgaan na daardie elemente waaraan geen tabindex toegeken is nie of wat die waarde 0 het.

Die waarde van die kenmerk is heelgetalle van 1 tot oneindig. As sommige nommers oorgeslaan is, gebeur niks ergs nie (bv., as daar geen nommer 2 is nie, sal die fokus eers op die element met tabindex gelyk aan 1 val, en dan op die element met tabindex gelyk aan 3).

As daar op die bladsy op die oomblik van die druk van die Tab-sleutel 'n element in fokus is (fokus kon nie net deur die druk van Tab verkry word nie, maar ook deur met die muis op 'n element te klik of deur die kenmerk autofocus), dan sal die volgende druk op die Tab-sleutel daartoe lei dat die volgende element in volgorde na die een in fokus, fokus sal verkry (bv., as daar tans 'n element met tabindex 3 in fokus is, sal die volgende element met tabindex 4 fokus verkry).

As 'n insetveld die kenmerk disabled toegeken is, dan sal dit geïgnoreer word deur beweging met die Tab-sleutel, selfs al is die kenmerk tabindex daaraan toegeken.

Die kenmerk tabindex word toegepas op die etikette a, input, textarea, button, select.

Voorbeeld

Kom ons ken die kenmerk tabindex toe aan insette. Druk agtereenvolgens die Tab-sleutel en jy sal sien hoe die insetfokus van die eerste inset na die vierde sal beweeg, en dan na die skakels vanaf die begin van die bladsy sal gaan (aangesien daar nie meer elemente met die toegekende kenmerk tabindex is nie):

:

Sien ook