浮动输入的Tab索引

Question

我有一个带有for布局的页面，其中一半的页面是动态宽度，另一半是固定的。这是通过将固定宽度侧向右浮动来实现的。它显示正常，但因为固定宽度标记在动态宽度标记之前，标签排序被抛弃。

见这里：http://jsfiddle.net/BaMqG/

如何在不依赖于输入的tabindex属性的情况下克服这个问题？

Answer 1

您可以使用jQuery通过循环和计数器变量动态设置tabindexes。看看这个。 http://jsfiddle.net/BaMqG/22/

$(document).ready(function() {
    var i = 1;
    $('.wrapper').each(function(){
        $(this).children('.dynamic').children('input').each(function(){
            $(this).attr("tabindex",i); 
            i++;
        });
        $(this).children('.fixed').children('input').each(function(){
            $(this).attr("tabindex",i);
            i++;
        });
    });
});​

i的初始值可以设置为您想要从哪个tabindex编号开始。

Answer 2

我已经设法通过使用表格获得了没有制表索引的相同外观形式。

见这里：http://jsfiddle.net/ymSGM/

如果能以任何其他方式完成，我仍然会感兴趣。