input的size和maxlength屬性在最近使用到了,以前就只顧使用也不知道兩者有什么區(qū)別,經(jīng)百度一搜,有所理解在此與大家分享,喜歡的朋友可以參考下
最近做項目用到input的size和maxlength屬性,以前只顧用沒有用心去看看這2個標(biāo)簽的區(qū)別,今天周末baidu了一下,有所理解。特記錄于此!
代碼如下:
<p>Name: <input type="text" name="fullname" maxlength="5" /></p>
<p>Name2: <input type="text" name="fullname" size="5" /></p>
maxlength="5",則input輸入框中只能夠輸入5個字符<br/>
size="5",表示input輸入框只顯示5個可見的字符,但你可以輸入'無數(shù)'多字符內(nèi)容
即:size屬性規(guī)定輸入字段的寬度(此處即是Name2文本框只顯示5個字符大小的寬度),
由于 size 屬性是一個可視化的設(shè)計屬性,我們應(yīng)使用 CSS 中的width來代替它。
CSS 語法:<input style="width:100px"/>