html - 你如何匹配文本输入框的大小和最大长度？

Question

你如何匹配文本输入框的大小和最大长度？令人讨厌的是 maxlength 和 size 属性不对齐并且取决于字体使用。

 Example input:<input type="text" size="4" maxlength="4" />

有什么建议么？

Answer 1

我认为它不会匹配，并且很大程度上取决于浏览器。最好的办法是使用 CSS 来设置输入的宽度。

<input type="text" maxlength="4" value="1234" />

input {width:30px;}

http://jsfiddle.net/BqEsd/67/

你也可以想出某种函数来根据字符、字体大小和语言来调整它的大小。例如像这样的东西..

例子：

http://jsfiddle.net/krishollenbeck/ohpy5L95/3/