Atribut tabindex

Atribut tabindex menetapkan urutan mendapatkan fokus ketika beralih antara elemen menggunakan kekunci Tab.

Dengan menekan kekunci ini, anda boleh mengaktifkan secara berurutan beberapa elemen halaman (pautan dan elemen borang). Elemen aktif akan mendapat fokus input.

Untuk medan input jenis input dan textarea fokus akan dinyatakan dengan kursor yang berkelip dalam medan dan teks boleh ditaip ke dalamnya, untuk pautan dan elemen lain, ia akan diserlahkan dengan cara tertentu (garis bawah, sempurna bersempang titik dan lain-lain, bergantung pada pelayar).

Jika pada masa mendapatkan fokus elemen tidak kelihatan pada halaman (disebabkan oleh tatal), maka halaman akan ditatal ke elemen tersebut.

Jika elemen tidak diberikan atribut tabindex atau ia mempunyai nilai 0, maka peralihan melaluinya dengan kekunci Tab akan mengikut urutan elemen dalam kod HTML.

Jika terdapat elemen pada halaman yang diberikan tabindex, maka pada mulanya peralihan akan berlaku melaluinya, bermula dari nilai atribut tabindex yang lebih kecil (nilai terkecil boleh menjadi satu) dan seterusnya secara menaik nilai atribut, dan apabila elemen sedemikian habis - peralihan akan berlaku pada elemen yang tidak diberikan tabindex atau yang mempunyai nilai 0.

Nilai atribut adalah integer dari 1 hingga infiniti. Jika beberapa nombor dilangkau - tiada masalah akan berlaku (contohnya, jika tiada nombor 2, maka pertama fokus akan sampai pada elemen dengan tabindex, sama dengan 1, dan kemudian pada elemen dengan tabindex, sama dengan 3).

Jika pada halaman pada masa menekan kekunci Tab terdapat elemen dalam fokus (fokus boleh diperoleh bukan hanya dengan menekan Tab, tetapi juga dengan mengklik elemen dengan tetikus atau atribut autofocus), maka penekanan kekunci Tab seterusnya akan membawa kepada elemen seterusnya dalam urutan selepas elemen yang dalam fokus (contohnya, jika kini dalam fokus adalah elemen dengan tabindex 3, maka seterusnya akan mendapat fokus elemen dengan tabindex 4).

Jika medan input diberikan atribut disabled, maka ia akan diabaikan oleh peralihan melalui kekunci Tab, walaupun medan ini diberikan atribut tabindex.

Atribut tabindex digunakan untuk tag a, input, textarea, button, select, area.

Contoh

Mari kita berikan atribut tabindex kepada input. Tekan kekunci Tab secara berurutan dan anda akan melihat, bagaimana fokus input akan beralih dari input pertama ke input keempat, dan kemudian akan melalui pautan dari awal halaman (kerana tiada lagi elemen dengan atribut tabindex yang diberikan):

:

Lihat juga