Tab键未按预期工作

Question

我有this form，问题是标签的顺序无法正常工作

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

如何解决这个问题？

Answer 1

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

有一个名为tabindex的很酷的功能，当您按选项卡键时，它会手动设置索引顺序。 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。