網頁中需要靈活的用戶界面

Question

情況：您的網頁上有一個帶有名字和姓氏框的表單。該應用程序支持本地化（例如，這些字段的標籤以選定的語言顯示，等等）。

所有的英文版本都很好，但是當涉及到日文的時候，他們需要將兩個字段顛倒過來：首先是姓氏，然後是名字。現在您需要交換文本框和標籤。爲了避免像if (Japanese version) { lay out this way } else { lay out the other way }這樣笨拙的服務器端邏輯，我們選擇了一個基於CSS的解決方案，其中爲每個版本加載了語言特定的css文件。在日文CSS文件中，您使用這些規則以便元素交換位置，但重要的是離開服務器的HTML始終是相同的。

現在問題是與選項卡順序...選項卡順序將遵循DOM中的順序，因此它會從第一個名稱框到最後一個名稱框自然跳轉。

我不知道是否有足夠乾淨的解決方案來修復視覺順序和Tab鍵順序，可以實現大多數客戶端，沒有服務器端硬編碼。

Answer 1

如果你不想要「硬編碼」佈局，我會考慮的方向是使用CSS進行佈局（完成），然後使用JavaScript進行製表順序。關閉我的頭頂，這意味着設置/更改標籤索引值。