HTML除了maxlength如何限制長度

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

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

size屬性

規定輸入欄位的寬度。

對於 and ，size 屬性定義的是可見的字元數。而對於其他類型，size 屬性定義的是以像素為單位的輸入欄位寬度。

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

語法：

<input size="value">

width 屬性

只適用於 ，它規定 image input 的寬度。

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

語法：

<input width="pixels|%">

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

擴充資料：

maxlength 屬性規定輸入欄位的最大長度，以字元數計。

maxlength 屬性與 或 搭配使用。

<input maxlength="value">

推薦學習：html影片教學

#

以上是HTML除了maxlength如何限制長度的詳細內容。更多資訊請關注PHP中文網其他相關文章！