Tab键未按预期工作

Question

我有这种形式,问题是标签的顺序无法正常工作

如果您访问该网站,您会发现在出生日期字段之后按Tab键后,Tab键的顺序消失了.在出生日期字段之后在键盘中预设标签键之后,焦点不会转到下一个字段,即职业:*.相反,它变得黯然失色

怎么解决这个问题？

Answer 1

我认为代码墙不是必要的;

有一个名为tabindex的很酷的功能,当你按下tab键时手动设置索引顺序.Broswers通常会自动执行此操作,但如果您发现它们无法按照您的顺序进行操作,则可以通过在每个元素上声明显式索引来指定"自定义":

<input type="text" name="input1" value="" tabindex="1" />

从我链接的页面复制(w3c html规范):

应该获得焦点的元素应由用户代理根据以下规则进行导航:

1. 首先导航那些支持tabindex属性并为其指定正值的元素.导航从具有最低tabindex值的元素继续到具有最高值的元素.值不必是顺序的,也不必以任何特定值开头.具有相同tabindex值的元素应按它们在字符流中出现的顺序进行导航.
2. 接下来导航那些不支持tabindex属性或支持它并为其赋值"0"的元素.这些元素按它们在字符流中出现的顺序导航.
3. 禁用的元素不参与Tab键顺序.

以下元素支持tabindex属性:A,AREA,BUTTON,INPUT,OBJECT,SELECT和TEXTAREA.