如何根据文本大小设置文本字段的最大长度？如何设置与字符无关的文本字段大小？
例如，当设置最大长度时，我的文本字段大小为 10。但是当我在文本字段中输入全 1 时，文本字段将被填充到一半。但是当我尝试设置大写 A，即 10 A 时，文本字段会被填充，甚至会溢出这 10 个字符。
如何设置与字符无关的文本字段大小？
问问题
4325 次
2 回答
4
您应该选择等宽字体。
例如
<input type="text" size="10" maxlength="10" style="font-family: monospace;">
（注意：以上只是一个例子，通常的做法是在自己的.css文件中定义 CSS 并使用class属性来引用它）
结果：
将font-family: monospace选择浏览器的默认等宽字体。但还有更多，例如Lucida Console,Courier New等。
于 2011-11-07T13:57:16.723 回答
0
也许你的意思是这样的？这会将输入字段自动缩放到您输入的宽度。
<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" />
于 2011-11-07T13:56:31.523 回答