2010-01-01 3 views
19

В HTML-форме у меня есть текстовое поле INPUT, за которым следует ссылка, затем за ним следует другое текстовое поле INPUT. Я хочу, чтобы удалить ссылку из TabIndex/табуляции:Javascript/JQuery удалить из 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> 

Порядок вкладка field1, link1, field2 и я хочу, чтобы это было field1, field2 без link1 в TabIndex/заказа на всех. Помимо переупорядочения через атрибут tabindex, есть ли способ удалить ссылку1 из табуляции вообще?

ответ

34

Вы можете добиться этого с 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> 

Вы также можете использовать JQuery, чтобы сделать это:

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

Она работает, и это решает проблему, у меня есть, но будет ли это проверить/это совместимый с кроссбраузером.? W3 говорит, что tabindex должен быть между 0 и 32767 ..? – pnichols

+3

Он проверяет использование переходного типа doctype (я не проверял других) и работал в FF, сафари, хром, опера и IE 6,7,8. – Jage

Смежные вопросы