从选项卡顺序中明确排除HTML元素

Question

从选项卡顺序中明确排除HTML元素

62

有没有方法可以从HTML表单的选项卡顺序中排除一个元素。

如果我有以下内容

<input type=text name=username>
<input type=text name=password>
<input type=button name=forgotpassword>
<input type=submit name=login>

我知道可以使用tabindex作为1、2、3、4，但我不想给所有字段编号。我的应用程序是动态创建字段的。

- Jason

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Marko · Accepted Answer

153

将tabindex设置为-1将使元素无法通过Tab键聚焦（如果这是一个词的话）:)

<input type="text" name="username" tabindex="-1" />

- Marko

太棒了，这正是我想要的。 - Jason

8

你的可访问性就这样荡然无存了。将“忘记密码”按钮设置为tabindex="4"，其余设置为1-3的tabindex难道真的很难吗？ - Lambart

5

请注意，MDN明确反对使用tabIndex除了-1或0之外的任何值，也就是说，你应该重新组织DOM而不是提供显式的tabIndex顺序。此外，MDN认为tabIndex -1对于可访问性是非常有用的：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/tabindex - vog