如何匹配文本輸入框的大小和最大長度？

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/