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

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

size屬性

規(guī)定輸入字段的寬度。

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

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

語法：

<input size="value">

width 屬性

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

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

語法：

<input width="pixels|%">

size和width限制的是輸入框顯示長度，但是不限制輸入長度，一直可以輸入字符,，當(dāng)輸入的字符長度（數(shù)量）超過超過允許顯示的長度時(shí)，超出部分會(huì)被輸入框遮蓋，而不是截?cái)啵憧梢园醋笥益I（← →）來滾動(dòng)查看被遮蓋部分的字符串。

擴(kuò)展資料：

maxlength 屬性規(guī)定輸入字段的最大長度，以字符個(gè)數(shù)計(jì)。

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

<input maxlength="value">

推薦學(xué)習(xí)：html視頻教程