根据文本的大小在文本字段中设置maxlength

Question

如何根据文本大小在文本字段中设置maxlength？如何设置与字符无关的文本字段大小？

设置最大长度时，例如我的文本字段大小为10.但是当我在文本字段中键入所有1时，文本字段将填充到其一半。 但是当我尝试设置一个UpperCase A，即10 A时，文本字段就被填满，甚至溢出了10个字符。

如何设置与字符无关的文本字段大小？

Answer 1

您应该选择等宽字体。

E.g。

<input type="text" size="10" maxlength="10" style="font-family: monospace;">

（注意：上面只是一个示例;通常的做法是在自己的.css文件中定义CSS并使用class属性来引用它）

结果：

font-family: monospace将选择浏览器的默认等宽字体。但还有更多内容，例如Lucida Console，Courier New等

Answer 2

也许你的意思是这样的？这会将输入字段自动缩放到您放入的宽度。

<input style="display:inline-block; width:10px; overflow:visible;" type="text" maxlength="10" />

或者您可以使用它来使每个角色的宽度相同。

<input style="font-family: Courier New;" type="text" maxlength="10" size="10" />