HTML除了maxlength如何限制長度

限制長度的方法：1、可以使用size屬性，語法格式為“<input size="value">”；2、可以使用“width”屬性，語法格式為“<input width="pixels|%">”。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

size屬性

規定輸入字段的寬度。

對于 <input type="text"> 和 <input type="password">，size 屬性定義的是可見的字符數。而對于其他類型，size 屬性定義的是以像素為單位的輸入字段寬度。

由于 size 屬性是一個可視化的設計屬性，我們推薦您使用 CSS 來代替它。

語法：

<input size="value">

width 屬性

只適用于 <input type="image">，它規定 image input 的寬度。

提示：為圖片指定高度和寬度是一個好習慣。如果設置了這些屬性，當頁面加載時會為圖片預留需要的空間。而如果沒有這些屬性，則瀏覽器就無法了解圖像的尺寸，也就無法為其預留合適的空間。情況是當頁面和圖片加載時，頁面布局會發生變化。

語法：

<input width="pixels|%">

size和width限制的是輸入框顯示長度，但是不限制輸入長度，一直可以輸入字符,，當輸入的字符長度（數量）超過超過允許顯示的長度時，超出部分會被輸入框遮蓋，而不是截斷，你可以按左右鍵（← →）來滾動查看被遮蓋部分的字符串。

擴展資料：

maxlength 屬性規定輸入字段的最大長度，以字符個數計。

maxlength 屬性與 <input type="text"> 或 <input type="password"> 配合使用。

<input maxlength="value">

推薦學習：html視頻教程