html - 1个英文字母=1个汉字？

Question

我是一名用户体验设计师，我们正在开发一款需要文本输入字段供用户插入注释的产品。需要有一个字数限制指示，无论他们输入的是繁体中文还是英文。

所以我的问题是:

如果字符限制为 15，我说的是否正确:

• 我在瑞典(11/15 个字符)

• 我在瑞典(4/15个字符)

有人告诉我1个汉字算2字节码，1个英文字母算1字节。这对字符限制有何影响？我想确保我的设计对开发人员来说尽可能清晰。

Answer 1

所以这是关于显示尺寸，对吧？在这种情况下，计算字数就没有用了，因为一个字的长度可以是您想要的长度。

计算字符数稍微有用一些，但也不能保证消息能放在最后，因为不同的字符有不同的宽度。举个例子，这四个字符串都是由五个字符组成的:

• “”
• “”
• “WWWWW”
• “﷽﷽﷽﷽﷽”

确实没有优雅的方法来解决这个问题。您需要知道所用字体的精确指标，然后计算每个输入的视觉宽度。

如果您对“足够接近”的解决方案没问题，您可以只使用 <input>元素的 maxlength属性。然而，HTML 和 JavaScript 计数 UTF-16 代码单元，这意味着所谓的基本多语言平面中的字符计数为 1，其他所有字符计数为 2。

Basic Multilingual Plane 包含 99% 的现代常用字符，因此绝大多数用户可能不会注意到任何错误。您可以使用 JavaScript 做一些更有趣的事情，但我认为这对于这类任务来说并不是必需的。

请记住，这种方法仍然不能保证用户的输入在视觉上适合打印输出，除非您留出大量空白空间以防万一。一定要尝试一些窄字符和宽字符，看看它们在打印时真正占用了多少空间。