Elemen Tabindex Desain Web

Penulis：Eve Cole Waktu Pembaruan：2025-05-06 10:00:04

TabIndex adalah memilih elemen TabIndex yang ditentukan secara berurutan untuk mengatur fokus antara setiap elemen.

Siapa pun yang telah membuat atau mengisi formulir akan menemukan bahwa menggunakan kunci tab dapat mendapatkan fokus masing -masing input satu per satu. Hal ini sebenarnya dapat dimodifikasi, seperti tidak ingin diambil, atau mengubah urutan akuisisi.

Saat mengisi formulir (daftar login atau lainnya), banyak pengguna tidak melewati mouse, tetapi langsung tekan tombol tab untuk melompat ke kotak teks berikutnya, tunggu sampai semua hal diisi, dan kemudian kirim. Ini adalah fungsi yang sangat bagus dan nyaman. Kebiasaan pribadi saya adalah bahwa ketika mengisi semuanya, pengiriman biasanya diklik pada tombol kirim dengan mouse, dan saya tidak ingin tab untuk membuat lompatan fokus ke tombol, tetapi saya jarang menemukan tab itu tidak akan melompat ke tombol menggunakan tab. Saya tidak tahu apakah itu karena kebiasaan pribadi saya terlalu bt -_ !!!!

Jika Anda tidak ingin ada sesuatu yang dipertimbangkan, Anda dapat tabIndex = -x dan membuat nilai Tabindex negatif, sehingga tab itu akan melewatkannya secara langsung.

Berikut adalah bentuk sederhana sebagai contoh:

<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/TR/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns = "httml.prict. <head> <meta http-equiv = "konten-tipe" content = "text/html; charset = gb2312"/> <meta http-equiv = "konten-bahasa" konten = "gb2312"/> <itement> apa tabindex untuk </title> <style type = "text/cssssssssssssssssssssssssssssssssssssss, hypm: hypl: hykx: hykx: hybx: hykx: hypl: hypl: hykx {title> </title> <style type =" Text/CSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS Verdana, Arial, "安中"; } </style> </head> <body> <form method="post" action="#"> <p><label for="t1">The first pressing Tab to set focus to textbox </label><input type="text" id="t1" tabindex="1" /></p> <p><label for="t2">The Second pressing Tab to set focus to textbox </label><input type="text" id = "t2" tabIndex = "2"/> </p> <p> <label for = "t3"> tab penekan ketiga untuk mengatur fokus ke TextBox </label> <input type = "Text" id = "t3" TabIndex = "3"/> </p> <p> Tekan TAB, tidak fokus ke TextBox <input lipe = "" SUBIT "" "TABOP =" "TABOP =" "SUBIT" "TABOK =" "TABOP =" "SUBIT" "TABOK =" "TABOP =" "SUBIT" "TABOK =" "TABOP =" "SUBIT" "" SUBIT "" "SUBIT" "TABOP =" "SUBIT =" /> </p> </form> </body> </html>

Salin kode