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

时间:2013-02-01 16:06:24

标签: html css forms

如何匹配文本输入框的大小和最大长度?非常烦人的是,maxlength和size属性没有排列,并且取决于字体的使用。

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

enter image description here

有什么建议吗?

1 个答案:

答案 0 :(得分:6)

我不认为它会匹配,它将取决于浏览器。最好的办法是使用CSS来设置输入的宽度。

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

input {width:30px;}

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

您还可以根据字符,字体大小和语言提出某种功能来调整大小。像这样的事情......例如..

示例:

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