2010-01-01 24 views
19

En un formulario HTML, tengo el cuadro de texto ENTRADA seguido de un enlace, seguido de otro cuadro de texto ENTRAR. Quiero eliminar el enlace del orden tabindex/tab:Javascript/JQuery eliminar 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> 

El orden de tabulación es campo1, Link1, campo2 y yo quiero que sea campo1, campo2 sin vínculo1 en el tabindex/fin en absoluto. Además de reordenar a través del atributo tabindex, ¿hay alguna forma de eliminar el enlace1 de la tabulación por completo?

Respuesta

34

se puede lograr esto con 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> 

También es posible usar jQuery para hacer esto:

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

Funciona y resuelve un problema que tengo, pero tendrá que validar/es compatible con crossbrowser.? W3 dice que tabindex debería estar entre 0 y 32767 ..? – pnichols

+3

Valida el uso de doctype transicional (no revisé ningún otro) y funcionó en FF, safari, cromo, opera e IE 6,7,8. – Jage

Cuestiones relacionadas