使用Prototype控制动态添加的字段的Tab键顺序

Question

我正在使用原型js动态创建各种输入字段。一切看起来都很好很酷，并且在正确的位置正确地附加了字段。

唯一的问题是该字段的标签顺序搞砸了......

在文本区域内按下选项卡时，焦点不会切换到紧邻其下方的字段。 相反，它会关注动态添加新字段之前存在的输入......

是否有一种干净简单的方法可以将字段的标签顺序重置为常规标签，即在DOM之后立即切换到字段的标签。

注意：这个烦恼发生在Firefox 5.0上。我还没有在其他浏览器上测试它。

Answer 1

您可以手动设置标签索引。这里的问题是，任何给定HTML的字段的逻辑顺序并不总是与浏览器中这些字段的 visual 顺序相匹配。因此，编写脚本来自动执行此操作可能并不总是有效。

Answer 2

根据W3C forms，

  

首先导航那些为[tabindex]指定正值的元素   ...具有相同tabindex值的元素应按它们在字符流中出现的顺序进行导航。

因此，为所有动态字段赋予相同的值1，并且它们将按照添加到文档中的顺序在任何其他字段（具有等效值0）之前进行选项卡。