J'ai défini l'index de l'onglet pour les champs de saisie dans un formulaire. Lors de la tabulation des champs d'entrée, le bouton Soumettre ne se concentre jamais, d'autres champs d'entrée sous une forme différente de la page obtiennent la mise au point. Ce sont tous des index d'onglets supérieurs à 3. Comment se fait-il?
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;
}
4 Réponses :
Vous n'avez pas à définir les index des onglets, vous pourriez aussi bien les abandonner - à moins que vous ne souhaitiez modifier l'ordre naturel d'eux lorsqu'il est trié par leur création. Essayez de les sortir tout à fait et voyez si cela fonctionne plus à votre goût.
En fait, je n'avais pas de tabindexes défini auparavant. Mais comme il n'était pas possible d'onglet au bouton d'envoi, je pensais avoir dû ajouter tabindexes. Mais cela n'a toujours pas aidé. J'ai mis à jour ma question avec mes données de feuille de style, au moins une partie de cela ... Je ne sais pas si cela importe?
Il se concentre pour moi à la fois dans Firefox et Chrome - pensez-vous que vous ne pouvez pas simplement le voir visiblement? Essayez d'ajouter un troisième style pour #inputsubmit: focus et voir si cela fonctionne.
Je peux réellement voir qu'un autre champ de saisie sous une forme différente est de se concentrer sur la mise au point. Le curseur clignote dans ce champ d'entrée. J'ai essayé d'ajouter le #InputSubmit: style de mise au point, mais il n'est pas déclenché lors de la tabulation. J'ai également essayé sur Safari, mais pas de chance. Assis sur un Mac, mais ça ne devrait pas faire de différence que je suppose ...
Êtes-vous sûr que leur ordre naturel devrait l'avoir concentré? Aussi, essayez de tabuler beaucoup avant de boucler les champs - le fait se concentrer?
Non, cela ne tire jamais l'accent, du moins pas de FF sur Mac. Vérifiez ma propre réponse. Est-il vraiment possible de le faire pour tous les navigateurs sur Mac et gagnez-vous?
@HENASRAF - Ceci est une "fonctionnalité" Mac.
OK, voyons. J'ai essayé au-dessus du code dans Firefox (Mac, Windows), Safari (Mac) et IE (Windows). Voici mes conclusions:
Lorsque vous utilisez ou pour soumettre le formulaire (même résultat): Je suppose que la conclusion doit être comme celle-ci: Différents navigateurs se comportent différemment. Même le même navigateur se comporte différemment sur différents OS (FF).
Le comportement par défaut d'un formulaire est que la touche Entrée soumettra le formulaire à l'aide du premier bouton Soumettre dans le formulaire.
Je pense que c'est un pitty que la mise au point ne frappe pas le bouton lors de la tabulation car je pense que beaucoup d'utilisateurs s'attendent à ce que l'objectif se concentre sur l'élément avant de frapper la saisie.
ou que dites-vous ...?
1. Je pense que c'est le comportement du système d'exploitation différent, pas le navigateur. Notez dans toutes les navigateurs de la version Windows, vous vous concentrez sur Mac. 2. Il ne s'agit pas de la concentration - mais le comportement par défaut pour un formulaire est de frapper l'entrée le soumet au premier bouton Soumettre sur le formulaire. 3. Je ne sais pas sur les autres utilisateurs, mais je m'attends à cliquer sur Entrée lorsque j'en suis fait avec le formulaire, peu importe ce qui est ciblé.
2. J'ai mis à jour ma réponse pour refléter votre commentaire. 3. J'inclète habituellement sur le bouton puis frappez Entrée, mais ma mère me dit que je suis unique ...
Haha. Eh bien, peut-être que vous êtes;) C'est un problème mineur, et puisque je n'ai pas de mac, je ne peux pas vraiment le voir arriver à temps en temps réel - je pense donc que c'est aussi loin que possible de vous aider à vous aider maintenant.
Hehe ... Merci d'avoir aidé, la discussion m'a aidé à comprendre ce qui est possible et non.
C'est une «fonctionnalité» Mac pour vous permettre que des boîtes d'entrée et des listes de réflexion et des listes par défaut. Tabbing via toutes les commandes est une option avancée:
http: //support.mozilla.com/en-us/kb/presseing+tab+key+Does+Not+Select+Menus+or+buttons
Firefox sur Mac copie ce comportement de système d'exploitation par défaut.
Arrive aussi sur Safari. Je pense que c'est une chose mac plutôt - et puis c'est si le navigateur obéit la préférence du système d'exploitation. Aller aux paramètres du clavier dans Mavericks, puis permettant à «tous les contrôles» sous l'accès complet du clavier fonctionné pour moi.
Ceci est un problème Mac OS X. Votre Mac peut être configuré pour ne pas vous permettre d'onglet d'éléments non-Textfield (par exemple, boutons). Vous pouvez modifier cela en allant dans des préférences système pour le clavier. Cliquez ensuite sur l'onglet Shorcut et cliquez sur le bas et choisissez l'option pour permettre la mise au point sur toutes les commandes. Vous devriez maintenant pouvoir vous concentrer sur les boutons sur Safari et Firefox en plus de tous les boutons de Mac OS.
Pour changer rapidement le réglage de votre Mac, appuyez sur Ctrl + F7 (ou si vous utilisez un clavier Mac, essayez de maintenir la touche de fonction et appuyez sur Ctrl + F7).
J'ai essayé votre code et ça "onglets" comme il faut. Peut-être que quelque chose d'autre dans votre page est interférant avec l'ordre d'onglet correct?
Merci pour votre réponse! Eh bien, cela ne fonctionne pas à coup sûr (en utilisant Firefox). Pourrait-il avoir quelque chose à voir avec ma feuille de style? J'ai mis à jour ma question avec ma feuille de style. Je fais des choses en vol stationnaires, par exemple, peut-il avoir un impact?