HTML-Attribut tabindex, das die Reihenfolge der Tabulatortastensteuerung von Elementen angibt (bei Verwendung zur Navigation)

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

Das

tabindex-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: 3499910bf9dac5ae3c52d5ede7383485, 03fc64e1e502d5ba947b3a9af06d2d2a, bb9345e55eb71822850ff156dfde57c8, d5fd7aea971a85678ba271703566ebfd , < ;object>, 221f08282418e2996498697df914ce4e und 4750256ae76b6b9d804861d8f69e79d3.

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!