Webdesign TabIndex Element_HTML/Xhtml_Webseitenproduktion

WBOY
Freigeben: 2016-05-16 16:42:14
Original
1430 Leute haben es durchsucht

TabIndex besteht darin, die Tab-Taste zu drücken, um nacheinander den Fokus der definierten TabIndex-Elemente zu erhalten, die zwischen den einzelnen Elementen festgelegt sind.

Jeder, der ein Formular erstellt oder ausgefüllt hat, wird feststellen, dass er mit der Tab-Taste den Fokus jeder Eingabe einzeln erreichen kann. Dieses Zeug kann tatsächlich geändert werden, z. B. indem man es nicht erhalten möchte oder die Reihenfolge ändert, in der es erhalten wird.

Beim Ausfüllen eines Formulars (Registrierung, Anmeldung oder anderes) drücken viele Benutzer direkt die Tabulatortaste, um zum nächsten Textfeld zu springen, ohne die Maus zu verwenden. Warten Sie, bis alles ausgefüllt ist, und klicken Sie dann auf „Ja“, „Senden“. Das ist eine sehr schöne und praktische Funktion. Meine persönliche Angewohnheit ist, dass ich nach dem Ausfüllen aller Dinge normalerweise mit der Maus auf die Schaltfläche „Senden“ klicke und nicht möchte, dass die Tabulatortaste dazu führt, dass der Fokus auf die Schaltfläche springt, aber ich stelle selten fest, dass die Verwendung der Tabulatortaste nicht springt zum Button. Ich weiß nicht, ob meine persönlichen Gewohnheiten zu BT-_-!!! sodass der Wert von tabindex negativ ist. In diesem Fall wird Tab direkt übersprungen.

Das Folgende ist ein einfaches Formular als Beispiel:




Was macht TabIndex?

< ;/p>

< ;/p>

< ;/p>

Drücken Sie die Tabulatortaste, konzentrieren Sie sich nicht auf das Textfeld.


Tipp: Sie können einen Teil des Codes ändern, bevor Sie


ausführen Code kopierenDer Code lautet wie folgt:
label for=" t1">Das erste Drücken der Tabulatortaste, um den Fokus auf das Textfeld zu setzen

>Das zweite Drücken der Tabulatortaste, um den Fokus auf das Textfeld zu setzen


Drücken Sie die Tabulatortaste, konzentrieren Sie sich nicht auf das Textfeld. < ;/p>




Mit der Tabulatortaste wird die Reihenfolge des Fokussierens nach dem Wert von tabindex sortiert. Im obigen Beispiel erhalten t1, t2 und t3 nacheinander den Fokus. Wenn t4 erreicht wird, erhält t4 nicht den Fokus, sondern springt direkt zum nächsten Element, das den Fokus erhält.
 Die TabIndex-Werte von t1, t2, t3 und t4 können je nach tatsächlichem Bedarf beliebig geändert werden, und der Tab-Fokus wird entsprechend dem Wert von klein nach groß erhalten.
Dazu wird TabIndex verwendet. . .
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage