html - 浮动输入上的选项卡索引

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/

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