最開始想首先要強制在一行，另外超出的隱藏。還有一個思路是把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