Input的size與maxlength屬性的區別

ke_ry發表於2016-12-26

最近做專案用到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>
<i> 

maxlength=”5″,則input輸入框中只能夠輸入5個字元<br/> 
size=”5″,表示input輸入框只顯示5個可見的字元,但你可以輸入`無數`多字元內容<br/> 
即:size屬性規定輸入欄位的寬度(此處即是Name2文字框只顯示5個字元大小的寬度),<br/> 
由於 size 屬性是一個視覺化的設計屬性,我們應使用 CSS 中的width來代替它。 
CSS 語法:<input style=”width:100px”/> 
</i> 
<br/> 


相關文章