萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> Input的size與maxlength屬性的區別自我理解

Input的size與maxlength屬性的區別自我理解

input的size和maxlength屬性在最近使用到了,以前就只顧使用也不知道兩者有什麼區別,經百度一搜,有所理解在此與大家分享,喜歡的朋友可以參考下哦

 

最近做項目用到input的size和maxlength屬性,以前只顧用沒有用心去看看這2個標簽的區別,今天周末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個可見的字符,但你可以輸入'無數'多字符內容

即:size屬性規定輸入字段的寬度(此處即是Name2文本框只顯示5個字符大小的寬度),
由於 size 屬性是一個可視化的設計屬性,我們應使用 CSS 中的width來代替它。

CSS 語法:<input style="width:100px"/>

copyright © 萬盛學電腦網 all rights reserved