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

Javascript 网页需要灵活的用户界面,javascript,css,user-interface,localization,Javascript,Css,User Interface,Localization,情况:您有一个网页,其中的表单包含名字和姓氏框。应用程序支持本地化(例如,这些字段的标签以所选语言显示,等等) 在英文版中一切都很好,但在日文版中,他们需要颠倒两个字段:首先是姓,然后是名。现在您需要交换文本框和标签。为了避免像if(日语版本){layout this way}else{layout the other way}这样笨拙的服务器端逻辑,我们选择了一种基于CSS的解决方案,其中为每个版本加载特定于语言的CSS文件。在日文CSS文件中,您使用这样的规则,以便元素交换位置,但重要的是,

情况:您有一个网页,其中的表单包含名字和姓氏框。应用程序支持本地化(例如,这些字段的标签以所选语言显示,等等)

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

现在的问题是标签顺序。。。tab顺序将遵循DOM中的顺序,因此它将不自然地从名字框跳转到姓氏框


我想知道是否有一个足够干净的解决方案,既可以实现客户端的视觉顺序和标签顺序,又不需要服务器端硬编码。

< P>我将考虑的方向是,如果你不想“硬编码”的布局,是使用CSS进行布局(完成),然后使用JavaScript进行Tab命令。在我看来,这意味着设置/更改选项卡索引值。

您需要两个网站或服务器端。CSS不能交换内容,JS也不适合所有人。对于这样一个“小”东西来说,这不是有点过分了吗?