ensemble tabindex pour le bouton ne fonctionne pas

J'ai peu de contrôles sur un formulaire. Je dois mettre les tabIndex dans un ordre qui n'est pas naturel de leur ordre de création sur le code HTML. Il y a un bouton à la fag fin et le tabIndex n'est pas configuré (il n'est jamais porté) uniquement sur cet élément.

<button id="btnSave" tabindex = "86" title='click here'>Submit Here</button>

Quelles peuvent en être les raisons??

Remercie de votre aide.

dont le navigateur que vous utilisez?
tabindex="90" sans espaces, toujours "au lieu de"
Je m en utilisant Chrome, IE
n'aide pas
Il fonctionne pour moi; vous semblent avoir réduit votre cas de test au point où il n'est plus illustre le problème. Merci de modifier votre code pour inclure le code nécessaire pour reproduire le problème (sauvegardé avec un lien vers un exemple vivant si possible) et de décrire les environnements de test dans (navigateurs, systèmes d'exploitation, etc).

OriginalL'auteur Premanshu | 2012-01-20

  1. 5

    Tabindex Meilleures Pratiques

    Généralement, je dirais que, ne définissez pas la propriété Tabindex avec toutes les valeurs incrémentielles parce que de tous les champs/composants dans votre page web si nous suivons cette règle, alors il nous faut maintenir le même tabindex des valeurs incrémentielles pour venir champs de trop et aussi, nous avons principalement afficher/masquer les champs/composants en fonction de certaines conditions, de sorte que l'onglet index ne fonctionne pas systématiquement.

    Je vous suggère fortement de la meilleure pratique est que nous ne devrions pas utiliser Tabindex Supérieur à 0 et utiliser uniquement des Tabindex -1 et 0 à chaque fois que nécessaire

    tabindex="-1"

    Réglage tabindex="-1" vous permet de définir un élément de la discussion avec le script, mais ne le mettez pas dans l'ordre de tabulation de la page. Cela est pratique lorsque vous avez besoin de déplacer le focus sur quelque chose que vous avez mis à jour via un script ou à l'extérieur de l'action de l'utilisateur.

    tabindex="0"

    Réglage tabindex="0" va prendre un élément et de le rendre peut recevoir le focus. Il ne définit pas l'élément de la position dans l'ordre de tabulation, c'est juste permet à un utilisateur de se concentrer sur l'élément dans l'ordre déterminé par son emplacement avec le DOM.

    tabindex="1" (ou toute valeur > 0)

    Ne définissez pas un tabindex="1" ou de toute valeur supérieure à zéro (ou toute valeur positive).

    OriginalL'auteur Ganesa Vijayakumar

  2. 4

    Si vous définissez tabindex seulement sur le button élément, cet élément sera le premier dans la navigation, ce qui signifie que vous n'obtenez pas le dernier champ de saisie directement (mais uniquement via un navigateur dépendant des éléments dans le navigateur de l'interface utilisateur, tels que la zone de recherche et l'adresse de la boîte). Voir la HTML 4.01 spec sur tabindex.

    Si vous avez défini tabindex sur d'autres domaines comme bien, s'il vous plaît poster une démo qui présente le problème en un simple test sur plusieurs navigateurs, tabindex a bien fonctionné quand définie sur tous les champs.

    Alors, comment le code? De préférence un compact, version minimale qui montre encore le problème. Dans un autre commentaire, vous dites que le bouton utilise jQuery. Il est tout à fait possible que le problème est lié à la création de scripts. Comment fonctionne la page se comporter si vous désactivez JavaScript dans un navigateur?
    En fait, l'ensemble des trucs utilise jquery, la désactivation de javascript synonyme de désastre pour mon projet. Rien ne serait venu à l'exception d'un écran vide. J'ai mis à jouer du violon à [jsfiddle.net/KQt5P/5/]. Le code pour le bouton Appliquer les Modifications que j'ai eu à partir de Chrome Firebug ...
    Les éléments du violon sont tous tabbable sauf pour la “Appliquer les Changements”. Est ce que le problème? “Appliquer les Changements” est juste le texte à l'intérieur d'un <td> élément, de sorte qu'il ne peut pas être mis sur. Si j'ai mis tabindex sur lui, il devient tabbable (focusable)—les navigateurs modernes vous permettent de le faire pour normal éléments de trop.
    Vous..C'est ça le problème... Le texte est sur le haut du bouton que j'ai créé. Et oui, il est de plus en tabbale une fois le tabindex est situé sur la td. Mais le code du bouton, le navigateur génère et celle écrite par moi sont différents, en raison de la personnalisation sur le bouton. d'autre par la définition de la tabindex sur la tbody, j'aurais obtenu le résultat.Hélas !!!!

    OriginalL'auteur Jukka K. Korpela

  3. -2

    essayer : 

     <input type="button" value="Sumit here" tabindex="90" />

    vérifier que votre index sera compté former zéro sous parrent! indice 90 est trop pour un html.

    Nopes @Parkhid n'aide pas...Ouais en fait j'ai mis à l'index à partir de 50 et l'incrémentation de +5 pour le prochain contrôle. Pour le bouton maintenant, j'ai mis à 86 comme mon dernier contrôle a 85. Même alors, son pas de toute aide. Les autres contrôles sont des zones de texte et des listes déroulantes
    C'est une coutume sol à l'aide de jquery(n'est pas régulier bouton en HTML). Peut-être une raison derrière ce comportement indésirable???

    OriginalL'auteur S.A.Parkhid