عناصر تصميم الويب Tabindex

الكاتب：Eve Cole وقت التحديث：2025-05-06 10:00:04

يجب على TabIndex تحديد عناصر Tabindex المحددة في التسلسل لتعيين التركيز بين كل عنصر.

سيجد أي شخص قام بملء النموذج أو يملأ أن استخدام مفتاح TAB يمكن أن يحصل على تركيز كل إدخال واحد تلو الآخر. يمكن في الواقع تعديل هذا الشيء ، مثل عدم الرغبة في استرداده ، أو تغيير ترتيب الاستحواذ.

عند ملء النموذج (تسجيل تسجيل الدخول أو غيره) ، لا يمر العديد من المستخدمين بالماوس ، ولكن يضغط مباشرة على مفتاح TAB للقفز إلى مربع النص التالي ، وانتظر حتى يتم ملء جميع الأشياء ، ثم إرسالها. هذه وظيفة جيدة جدا ومريحة. عادتي الشخصية هي أنه عند ملء كل شيء ، يتم عادةً النقر على التقديم على زر الإرسال مع الماوس ، ولا أريد أن تقوم Tab بقفزة التركيز إلى الزر ، لكنني نادراً ما أجد أن علامة التبويب لن تقفز إلى الزر باستخدام علامة التبويب. لا أعرف ما إذا كان ذلك لأن عادتي الشخصية هي BT -_ !!!!

إذا كنت لا تريد أن تؤخذ شيئًا ما إلى التركيز ، فيمكنك TabIndex = -x وجعل قيمة Tabindex سلبية ، بحيث تخطي علامة التبويب مباشرة.

فيما يلي شكل بسيط كمثال:

<! doctype html public "-// w3c // dtd xhtml 1.0 Strict // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312"/> <meta http-equiv = "content-language" لـ </title> <style type = "text/css"> html ، body {font: 14px/200 ٪ georgia ، verdana ، arial ، "安中" ؛ } </style> </head> <body> <method method = "post" Action = "#"> <p> <label for = "t1"> علامة التبويب الضغط الأولى لتعيين التركيز على مربع text </babel> <input type = "text" id = "t1" tabindex = "1"/> <p> <p label for = "t2". id = "t2" tabIndex = "2"/> </p> <p> <label for = "t3"> علامة التبويب الضغط الثالث لتعيين التركيز على textbox </label> <input type = "text" id = "t3" tabindex = "3"/> </p> <p> press tab ، لا تركز على texbox <type = /> </p> </form> </body> </html>

انسخ الرمز