Beispiel
Link mit angegebener Tab-Reihenfolge:
<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a> <a href="http://www.google.com/" tabindex="1">Google</a> <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>
Browser-Unterstützung
Fast alle Browser verfügen über das Tabindex-Attribut, außer Safari.
Definition und Verwendung
Dastabindex-Attribut gibt die Tabulatortasten-Steuerungsreihenfolge von Elementen an (wenn die Tabulatortaste für die Navigation verwendet wird).
Tipps und Hinweise
Hinweis: Die folgenden Elemente unterstützen das tabindex-Attribut: , ,
Syntax
<element tabindex="number">
Attributwert
值 | 描述 |
number | 规定元素的 tab 键控制次序(1 是第一个) |
Wenn der Betrachter die Website durchsucht, kann er durch Drücken der TAB-Taste durch die Links auf der Webseite navigieren. Das sind durchaus praktische und praktische Funktionen. Wenn die Webseite jedoch zu viele Links enthält, hat das Drücken der TAB-Taste möglicherweise keine Wirkung. Zu diesem Zeitpunkt möchten Sie möglicherweise die wichtigsten Punkte hervorheben, indem Sie die Reihenfolge ändern, in der die TAB-Taste bewegt wird, um den Besuchern den Zugriff auf einige wichtige Seiten zu erleichtern.
Verwenden Sie das TABINDEX-Attribut, um die Bewegungsreihenfolge der TAB-Tasten im Link festzulegen. Durch Setzen des TABINDEX-Attributs des Links auf einen Wert von 1 bis 32767 kann der Link zur Sequenz der TAB-Tasten hinzugefügt werden. Wenn das TABINDEX-Attribut auf einen negativen Wert (z. B. TABINDEX="-1") gesetzt ist Der Link wird aus der Reihenfolge der TAB-Tasten ausgeschlossen.
Wenn der Betrachter die TAB-Taste verwendet, um zwischen Weblinks zu wechseln, wechselt er zunächst zu dem Link mit dem kleinsten TABINDEX-Attributwert und landet schließlich bei dem Link mit dem größten TABINDEX-Attributwert. Wenn es zwei Links mit demselben TABINDEX-Attribut gibt, ist die Reihenfolge maßgebend, in der die Links im HTML-Code erscheinen.
<input type="submit" name="Submit" value="提交" tabindex="1" /> <input type="radio" name="radiobutton" value="radiobutton" tabindex="3" /> <input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />
Das obige ist der detaillierte Inhalt vonHTML-Attribut tabindex, das die Reihenfolge der Tabulatortastensteuerung von Elementen angibt (bei Verwendung zur Navigation). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!