今天碰到一个问题，怎么限制用户在固定宽度的input输入框里输入的长度，由此涉猎到了maxlength属性和size属性以及它们的区别。...

最开始想首先要强制在一行，另外超出的隐藏。还有一个思路是把value的值的长度和框的长度怎么联系起来，具体怎么联系我也不知道。

在解决另外一个问题的时候，哥发给我的代码里无意中看见input有个maxlength属性，就查了这儿属性。

在W3school里说maxlength属性有两个最大值：85和55，这个属性用于type类型为text和password属性。具体为啥有两个最大值还不清楚，待查。

maxlength和size的区别在于，如：

maxlength="5",则input输入框中只能够输入5个字符
size="5"，表示input输入框只显示5个可见的字符，但你可以输入'无数'多字符内容
即：size属性规定输入字段的宽度(此处即是Name2文本框只显示5个字符大小的宽度)

如下，写了size属性的input长度为5个字符的长度，下面没有设置的宽度明显会比设置了size等于5的长，即size是可视化的。

<input type="text" size="5"><br>
<input type="text">

由于 size 属性是一个可视化的设计属性，我们应使用 CSS 中的width来代替它。 
CSS 语法：<input style="width:100px"/> 

在Javascript里面取出该属性的值，注意第二字母大写：readonly <====> readOnly 

转载于:https://www.cnblogs.com/yaoyao-sun/p/5487366.html