2010-01-01 5 views
19

Sur un formulaire HTML, j'ai une zone de texte ENTRÉE suivie d'un lien, puis d'une autre zone de texte ENTRÉE. Je veux supprimer le lien de l'tabindex/onglet commande:Javascript/JQuery supprimer de tabindex

<p> 
<input type="text" name="field1" id="field1" value="" /> 
<a href="..a url.." id="link1">more info</a> 
</p> 

<p> 
<input type="text" name="field2" id="field2" value="" /> 
</p> 

L'ordre de tabulation est field1, link1, field2 et je veux que ce soit champ1, champ2 sans link1 dans le tabindex/ordre du tout. Mis à part le réordonnancement via l'attribut tabindex, est-il possible de supprimer complètement link1 de la tabulation?

Répondre

34

Vous pouvez y parvenir avec le langage HTML:

<p> 
<input type="text" name="field1" id="field1" value="" /> 
<a href="#" id="link1" tabindex="-1">more info</a> 
</p> 

<p> 
<input type="text" name="field2" id="field2" value="" /> 
</p> 

Vous pouvez également utiliser jquery pour ce faire:

$('#link1').prop('tabIndex', -1); 
+1

Il fonctionne et il résout un problème que j'ai, mais il valider/est-il compatible avec les navigateurs. W3 dit tabindex devrait être entre 0 et 32767 ..? – pnichols

+3

Il valide en utilisant doctype transitionnel (je n'ai pas vérifié les autres) et a travaillé en FF, Safari, Chrome, Opera, et IE 6,7,8. – Jage