attribut HTML tabindex qui spécifie l'ordre du contrôle des touches de tabulation des éléments (lorsqu'il est utilisé pour la navigation)

Exemple

Lien avec l'ordre de tabulation spécifié :

<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>

Prise en charge du navigateur

Presque tous les navigateurs ont tabindex attribut , à l'exception de Safari.

Définition et utilisation

L'attribut

tabindex spécifie l'ordre de contrôle de la touche de tabulation des éléments (lorsque la touche de tabulation est utilisée pour la navigation).

Conseils et Notes

Remarque : Les éléments suivants prennent en charge l'attribut tabindex : 3499910bf9dac5ae3c52d5ede7383485, 03fc64e1e502d5ba947b3a9af06d2d2a, bb9345e55eb71822850ff156dfde57c8, d5fd7aea971a85678ba271703566ebfd , < ;objet>, 221f08282418e2996498697df914ce4e et 4750256ae76b6b9d804861d8f69e79d3.

Syntaxe

<element tabindex="number">

Valeur de l'attribut

值	描述
number	规定元素的 tab 键控制次序（1 是第一个）

Lorsque le spectateur navigue sur le site Web, il peut se déplacer dans les liens de la page Web en appuyant sur la touche TAB. C'est une fonction assez pratique et pratique. Mais s'il y a trop de liens dans la page Web, appuyer sur la touche TAB peut n'avoir aucun effet. À ce stade, vous souhaiterez peut-être mettre en évidence les points clés en modifiant l'ordre de déplacement de la touche TAB pour faciliter les visiteurs sur certaines pages importantes.

Utilisez l'attribut TABINDEX pour définir l'ordre de déplacement des touches TAB dans le lien. En définissant l'attribut TABINDEX du lien sur une valeur comprise entre 1 et 32 767, vous pouvez ajouter le lien à la séquence de touches TAB. Si vous définissez l'attribut TABINDEX sur une valeur négative (telle que TABINDEX="-1"), alors le lien sera exclu de la séquence des touches TAB.

Lorsque le spectateur utilise la touche TAB pour se déplacer entre les liens Web, il se déplacera d'abord vers le lien avec la plus petite valeur d'attribut TABINDEX, et terminera enfin sur le lien avec la plus grande valeur d'attribut TABINDEX. S'il existe deux liens avec le même attribut TABINDEX, l'ordre dans lequel les liens apparaissent dans le code html prévaudra.

<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" />

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!