2010-01-01 12 views
19

Auf einem HTML-Formular habe ich INPUT Textfeld gefolgt von einem Link, gefolgt von einem anderen INPUT Textfeld. Ich möchte den Link aus dem tabindex/Tab-Reihenfolge entfernen:Javascript/JQuery Entfernen von 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> 

Die Tab-Reihenfolge ist field1, link1, field2 und ich möchte es field1, field2 ohne link1 in der tabindex/um überhaupt sein. Abgesehen von der Neuanordnung über das Attribut tabindex gibt es eine Möglichkeit, link1 vollständig aus dem Tab zu entfernen?

Antwort

34

Sie können dies mit html erreichen:

<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> 

Sie auch jquery, dies zu tun verwenden:

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

Es funktioniert und es löst ein Problem, das ich habe, aber wird es validieren/ist es Crossbrowser kompatibel.? W3 sagt tabindex sollte zwischen 0 und 32767 ..? – pnichols

+3

Es validiert die Verwendung von Übergang DocType (ich habe keine anderen überprüft) und arbeitete in FF, Safari, Chrom, Oper und IE 6,7,8. – Jage

Verwandte Themen