input的size和maxlength屬性在最近使用到了,以前就只顧使用也不知道兩者有什么區(qū)別,經(jīng)百度一搜,有所理解在此與大家分享,喜歡的朋友可以參考下
最近做項(xiàng)目用到input的size和maxlength屬性,以前只顧用沒(méi)有用心去看看這2個(gè)標(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個(gè)字符<br/>
size="5",表示input輸入框只顯示5個(gè)可見(jiàn)的字符,但你可以輸入'無(wú)數(shù)'多字符內(nèi)容
即:size屬性規(guī)定輸入字段的寬度(此處即是Name2文本框只顯示5個(gè)字符大小的寬度),
由于 size 屬性是一個(gè)可視化的設(shè)計(jì)屬性,我們應(yīng)使用 CSS 中的width來(lái)代替它。
CSS 語(yǔ)法:<input style="width:100px"/>