网页中需要灵活的用户界面

Question

情况：您有一个网页，其中的表单具有名字和姓氏框。 该应用程序支持本地化（例如，这些字段的标签以所选语言显示，等等）。

在英语版本中一切都很好，但是在日语版本中，他们需要颠倒两个字段：首先是姓氏，然后是名字。 现在，您需要交换文本框和标签。 为了避免笨拙的服务器端逻辑，例如if (Japanese version) { lay out this way } else { lay out the other way }我们选择了基于CSS的解决方案，其中为每个版本加载了特定于语言的CSS文件。 在日文CSS文件中，您使用了这样的规则，以便元素交换位置，但重要的是离开服务器的HTML始终相同。

现在问题在于制表符顺序...制表符顺序将遵循DOM中的顺序，因此它将不自然地从名字框跳到姓氏框。

我想知道是否有足够干净的解决方案来修复视觉顺序和选项卡顺序，而这些顺序大多数都可以在客户端实现，而无需服务器端进行硬编码。

Answer 1

如果不想使用“硬编码”布局，我会考虑的方向是使用CSS进行布局（完成），然后使用JavaScript进行Tab键排序。 在我的头上，这意味着设置/更改选项卡索引值。