使用键盘导航跳过表单中的链接

时间:2015-10-13 19:24:44

标签: html navigation

基本上我有一个表格,其中有很多链接到其他页面,主要是解释一些问题或显示有关所述问题的信息。问题是,如果您只是想填写它,那么表单现在是一个完全混乱的键盘,因为所有这些链接,大多数人不会或很少点击。

我仅限于修改布局,因为它是当前的Excel表单,我必须适应Web应用程序,同时保持相同的布局。

有没有简单的方法让TAB导航跳过链接?通过一个我不知道的属性?

快速举例,专注于输入A并按Tab键会直接输入B,跳过链接1和2:

<form>
  <input A />
  <a 1></a>
  <a 2></a>
  <input B />
</form>

1 个答案:

答案 0 :(得分:1)

tabindex =“ - 1”值会从默认导航流中删除该元素(即,用户无法对其进行制表)。

<input type="text">
<a href="#" tabindex="-1"></a>
<a href="#" tabindex="-1"></a>
<input type="text">

<input type="text" tabindex="1">
<a href="#">1</a>
<a href="#">1</a>
<input type="text" tabindex="2">