我有一個頁面,其中一個頁面的一半是動態寬度,另一個是固定的。這是通過將固定寬度的一側浮動到右側來實現的。它全部顯示正常,但由於固定寬度標記出現在動態寬度標記之前,所以標籤排序會被丟棄。浮動輸入上的Tab索引
在這裏看到:http://jsfiddle.net/BaMqG/
我怎樣才能克服這種不訴諸戴上輸入tabIndex屬性?
我有一個頁面,其中一個頁面的一半是動態寬度,另一個是固定的。這是通過將固定寬度的一側浮動到右側來實現的。它全部顯示正常,但由於固定寬度標記出現在動態寬度標記之前,所以標籤排序會被丟棄。浮動輸入上的Tab索引
在這裏看到:http://jsfiddle.net/BaMqG/
我怎樣才能克服這種不訴諸戴上輸入tabIndex屬性?
老實說,在佈局中混合固定寬度和百分比寬度在html/css中固有地存在問題。您需要編寫一個腳本來處理表單的動態特性,或者通過使用表來完全避免該問題。每個人都有優點和缺點。如果語義標記在這種情況下比避免多餘的javascript更不重要,那麼表格可能是您擁有的最好的選擇。 – 2012-04-05 16:38:51
您可以使用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++;
});
});
});
對我的初始值可以設置爲任何的tabindex數要從開始。
是的,我想到了這一點,但表單的這一部分位於完整表單的中間,所以當我通過js添加一個新的表單行時,不僅它的標籤索引需要更新,所有跟在它後面的表單都會更新。這就是爲什麼我想要一個非標籤索引解決方案。 – CeejeeB 2012-04-02 06:46:51
我不認爲有一個實用的非tabindex解決方案,但我可以輕鬆修改這個js來完成你想要的。實際上,無論如何,它都會採用js,而這可能是代碼重要性最低的方式。 – 2012-04-02 14:15:08
但是,如果您發佈鏈接到您的網頁,我可以查看備用解決方案。 – 2012-04-02 14:47:26
1.您是否想按行或按「塊」瀏覽您的輸入?你可以離開固定組嗎? 3. tabindex屬性有什麼問題? – fcalderan 2012-03-30 08:33:15
1.我想從左到右橫行瀏覽。 2.固定組必須要追隨動態組。 3.表單可以通過javascript增加大小(更多的輸入),因此跟蹤標籤索引將成爲一場噩夢。 – CeejeeB 2012-03-30 09:52:12