【发布时间】：2011-10-06 13:38:20
【问题描述】：
情况：您有一个带有名字和姓氏框的表单的网页。应用程序支持本地化（例如，这些字段的标签以所选语言显示等）。
英文版一切正常，但日文版则需要颠倒两个字段：首先是姓氏，然后是名字。现在您需要交换文本框和标签。为了避免像if (Japanese version) { lay out this way } else { lay out the other way } 这样笨拙的服务器端逻辑，我们选择了一个基于 CSS 的解决方案，其中为每个版本加载了特定于语言的 css 文件。在日文 CSS 文件中，您使用这样的规则，以便元素交换它们的位置，但重要的是离开服务器的 HTML 始终相同。
现在问题在于 Tab 键顺序... Tab 键顺序将遵循 DOM 中的顺序，因此它会不自然地从名字框跳到姓氏框。
我想知道是否有一个足够干净的解决方案来修复视觉顺序和 tab 顺序，主要可以在客户端实现，而无需服务器端硬编码。
【问题讨论】：
-
您需要两个网站或服务器端。 CSS 不能交换内容，JS 也不是适合所有人。
-
这么“小”的东西是不是有点矫枉过正？
标签： javascript css user-interface localization