最开始想首先要强制在一行，另外超出的隐藏。还有一个思路是把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