Bouton de soumission n'est pas centrée, même si la propriété tabindex est correctement configuré

J'ai défini l'onglet index pour les champs de saisie dans un formulaire. Lors de la tabulation à travers les champs de saisie, le bouton envoyer est de ne jamais faire la mise au point, certains autres champs de saisie dans un formulaire différent sur la page obtient le focus. Ceux-ci sont tous onglet d'index supérieur à 3. Comment venir?

<form action="subscription.php" name="subscribe" method="post"  onsubmit="return isValidEmailAndEqual()">
<p id="formlabel">E-mail</p> <input type="text" name="email1" tabindex=1>

<br/>
<p id="formlabel">Repeat e-mail</p> <input type="text" name="email2" tabindex=2> <br/>
<input id="inputsubmit" type="submit" value="Subscribe" tabindex=3>
</form>

CSS:

input {
    background-color : #333;
    border: 1px solid #EEE;
    color: #EEE;
    margin-bottom: 6px;
    margin-top: 4px;
    padding: 1px;
    width : 200px;
}

#inputsubmit {
    background-color : #d7e6f1;
    border: 1px solid #EEE;
    color: #0000ff;
    margin-bottom: 6px;
    margin-top: 4px;
    padding: 1px;
    width : 200px;
}

#inputsubmit:hover {
    cursor: pointer; cursor: hand;  
    background-color : #d7e6f1;
    border: 1px solid #0000ff;
    color: #0000ff;
    margin-bottom: 6px;
    margin-top: 4px;
    padding: 1px;
    width : 200px;
}

p#formlabel{
    width: 100;
}
J'ai essayé ton code et il "onglets" comme il se doit. Peut-être quelque chose d'autre dans votre page interfère avec le bon onglet ordre?
Merci pour votre réponse! Eh bien, il ne fonctionne pas pour vous (avec Firefox). Pourrait-il avoir quelque chose à voir avec ma feuille de style? J'ai mis à jour ma question avec ma feuille de style. Je suis en train de faire planant au-choses, par exemple, peut-il avoir un impact?

OriginalL'auteur Nicsoft | 2010-02-25

  1. 10

    C'est un Mac en option pour laisser de l'onglet de la pensée des boîtes d'entrée et les listes par défaut. La tabulation à travers tous les contrôles est une option avancée:

    http://support.mozilla.com/en-US/kb/Pressing+Tab+clé+ne+pas+select+menus+ou+boutons

    Firefox sur Mac copies de ce système d'exploitation par défaut de comportement.

    Qui se passe sur Safari. Je pense que c'est un Mac chose plutôt - et puis c'est si le navigateur obéit à l'OS de préférence. Allez à paramètres du Clavier sous Mavericks et la réactivation de la "Toutes les commandes" en vertu de l'Accès au Clavier Complet a fonctionné pour moi.

    OriginalL'auteur

  2. 9

    C'est un Mac OS X en question. Votre Mac peut être configuré pour ne pas vous permettre d'onglet à la non-textfield éléments (par exemple, les boutons). Vous pouvez le modifier en allant dans les préférences système pour le clavier. Cliquez ensuite sur l'onglet raccourci et de regarder en bas et choisissez l'option de se concentrer sur toutes les commandes. Vous devriez maintenant être en mesure de se concentrer sur les boutons sur Safari et Firefox en plus de tous les boutons de Mac OS.

    Pour modifier rapidement les paramètres de votre Mac, appuyez sur CTRL + F7 (ou si vous utilisez un Clavier Mac, maintenez enfoncée la Touche fn et en appuyant sur CTRL + F7).

    OriginalL'auteur

  3. 4

    Ok, voyons voir. J'ai essayé le code ci-dessus dans Firefox (Mac, Windows), Safari (Mac) et IE (Windows). Voici mes conclusions:

    Lors de l'utilisation de 

    <button name="thename" type="submit">Subscribe</button>

    ou

    <input id=\"inputsubmit\" type=\"submit\" value=\"Subscribe\">

    pour la soumission du formulaire (même résultat):

    • FF (Victoire) - Lors de la tabulation, l'accent frappe la touche
    • FF (Mac) - Lors de la tabulation, l'accent n'est pas de frapper la touche.
    • Safari (Mac) - Lors de la tabulation, l'accent n'est pas de frapper le bouton.
    • IE (Victoire) - Lors de la tabulation, le bouton semble être en quelque sorte de se concentrer tout le temps et le bouton aura une certaine attention supplémentaire portée lors de la tabulation pour je.
    • Pour tous, lorsqu'un élément à l'intérieur de la forme a le focus, il est possible de frapper juste entrer pour vous "cliquez" sur le bouton "soumettre".

    Je suppose que la conclusion doit être comme ceci:

    1. Différents navigateurs se comportent différemment. Même le même le navigateur se comporte différemment sur les différents OS (FF).

    2. Le comportement par défaut d'un formulaire, c'est que appuyer sur la touche enter soumettre le formulaire en utilisant le premier bouton de soumission du formulaire.

    3. Je pense que c'est un peu dommage que l'accent mis l'habitude de cliquer sur le bouton lors de la tabulation parce que je pense que beaucoup d'utilisateurs attendent le focus sur l'élément avant d'appuyer sur la touche enter.

    Ou que voulez-vous dire...?

    1. Je pense que c'est l'OS le comportement est différent, pas le navigateur. Avis à toutes les version de Windows navigateurs que vous obtenez, tandis que sur Mac, vous n'avez pas. 2. Il ne s'focus -- mais le comportement par défaut d'un formulaire en appuyant sur entrée soumet avec le premier bouton de soumission du formulaire. 3. Ne sais pas sur les autres utilisateurs, mais je m'attends à cliquez sur entrer quand je suis fait avec le formulaire, indépendamment de ce qui est porté.
    2. J'ai mis à jour ma réponse pour refléter votre commentaire. 3. J'ai l'habitude de l'onglet de la touche et ensuite sur la touche entrée, mais ma mère me dit que je suis unique, donc...
    Haha. Eh bien, peut-être que vous êtes 😉 c'est un problème mineur, et depuis je n'ai pas de Mac je ne peux pas vraiment voir ce qui se passe en temps réel -- donc, je pense que c'est ce que je peut hypothétiquement vous aider dès maintenant.
    Hehe... Merci de votre aide, la discussion m'a aidé à comprendre ce qui est possible et pas.
    Merci pour votre test.

    OriginalL'auteur

  4. 0

    Vous n'avez pas à définir l'onglet index, vous pouvez leur donner, sauf si vous souhaitez modifier l'ordre naturel d'eux quand ils sont triés par leur création. Essayer de l'en sortir complètement et voir si cela fonctionne plus à votre goût.

    En fait, je n'ai pas de tabindexes défini avant. Mais puisqu'il n'était pas possible d'onglet pour le bouton "soumettre" j'ai pensé que je devais ajouter tabindexes. Mais il n'a toujours pas l'aider. J'ai mis à jour ma question avec mes données de feuille de style, au moins une partie de celui-ci... Ne sais pas si ce qui compte?
    Il se concentre pour moi à la fois dans Firefox et Chrome, pensez-vous peut-être vous ne pouvez pas voir visiblement il? Essayez d'ajouter un troisième style pour #inputsubmit:focus et voir si cela fonctionne.
    Je peux effectivement voir qu'un autre champ de saisie sous une forme différente, est de mettre le focus. Le curseur clignote dans ce champ de saisie. J'ai essayé d'ajouter le #inputsubmit:l'accent de style, mais elle n'est pas déclenchée alors que la tabulation. Je l'ai essayé sur safari, mais pas de chance. Assis sur un Mac, mais il ne devrait pas faire de différence je suppose...
    Êtes-vous sûr que leur ordre naturel devrait l'avoir porté? Aussi, essayez de tabulation beaucoup jusqu'à ce que vous en boucle les champs-t-il jamais de se concentrer?
    Non, il ne se met jamais l'accent, au moins pas de FF sur Mac. De vérifier ma propre réponse. Est-il vraiment possible de le faire pour tous les navigateurs sur Mac et Win?

    OriginalL'auteur