Tab Reka Bentuk WebIndex Element_HTML/Xhtml_Penghasilan Halaman Web

TabIndex adalah untuk menekan kekunci Tab untuk mendapatkan secara berurutan fokus elemen TabIndex yang ditetapkan yang ditetapkan antara setiap elemen.

Sesiapa yang telah membuat atau mengisi borang akan mendapati bahawa menggunakan kekunci Tab boleh mendapatkan fokus setiap input satu demi satu. Perkara ini sebenarnya boleh diubah suai, seperti tidak mahu diperoleh, atau mengubah susunan ia diperoleh.

Semasa mengisi borang (pendaftaran, log masuk atau lain-lain), ramai pengguna terus menekan kekunci Tab untuk melompat ke kotak teks seterusnya tanpa menggunakan tetikus Tunggu sehingga semuanya diisi, dan kemudian Ya Hantar, yang merupakan ciri yang sangat bagus dan mudah. Tabiat peribadi saya ialah selepas mengisi semua perkara, saya biasanya menggunakan tetikus untuk mengklik butang hantar, dan saya tidak mahu Tab menyebabkan fokus melompat ke butang, tetapi saya jarang mendapati bahawa menggunakan Tab tidak akan melompat ke butang. Pada butang, saya tidak tahu jika tabiat peribadi saya terlalu BT-_-!!! supaya nilai tabindex adalah negatif Dalam kes ini Tab akan melangkau terus.

Berikut ialah bentuk ringkas sebagai contoh:

Tab menekan pertama untuk menetapkan fokus ke kotak teks < ;/p>

Tab Penekanan Kedua untuk menetapkan fokus kepada kotak teks < ;/p>

Tab Penekanan Ketiga untuk menetapkan fokus kepada kotak teks < ;/p>

Tekan Tab, Tidak memfokus pada kotak teks

Petua: Anda boleh mengubah suai sebahagian daripada kod sebelum menjalankan

Salin KodKod tersebut adalah seperti berikut:

< label untuk=" t1">Tab menekan pertama untuk menetapkan fokus ke kotak teks

>Tab Penekanan Kedua untuk menetapkan fokus kepada kotak teks

Tab Penekanan Ketiga untuk menetapkan fokus ke kotak teks

Tekan Tab, Tidak memfokus pada kotak teks < ;/p>

Menggunakan kekunci Tab, urutan mendapatkan fokus diisih mengikut nilai tabindex. Dalam contoh di atas, t1, t2 dan t3 mendapat fokus dalam urutan Apabila ia mencapai t4, kerana nilai TabIndex ialah -1, t4 tidak akan mendapat fokus, tetapi melompat terus ke elemen seterusnya yang mendapat fokus.

　Nilai TabIndex ​​pada t1, t2, t3, dan t4 boleh ditukar sewenang-wenangnya mengikut keperluan sebenar, dan fokus Tab diperoleh mengikut nilai dari kecil kepada besar.
TabIndex digunakan untuk melakukan ini. . .