Webdesign TabIndex Element_HTML/Xhtml_Webseitenproduktion

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:

Das erste Drücken der Tabulatortaste, um den Fokus auf das Textfeld zu setzen < ;/p>

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

Das dritte Drücken der Tabulatortaste, um den Fokus auf das Textfeld zu setzen < ;/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

Das dritte 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. . .