maxlength(not max-length)屬性指定輸入字符串的最大長度，以字符為單位，更確切地說，以代碼為單位。預計瀏覽器會通過拒絕接受更多字符來強制執行此操作。然而，這并不意味著作為一種安全措施，因為它可以被簡單地覆蓋。相反，它告訴用戶在處理數據時不再接受任何字符。當您必須設置上限時，這是有用的。您的數據庫只能存儲固定數量的字符fpr一些信息，并且當長度有邏輯限制時(例如，如果數據是美國狀態的雙字母代碼，則其邏輯上限為2 )。

因此，maxlength屬性是邏輯的，并且即使在非可視化用戶界面中也可以工作。它不是以任何方式影響輸入字段的視覺外觀。

相比之下，size屬性僅用于視覺渲染。它表示字段的可見寬度，以“平均”字符表示。這個模糊的概念在規范上沒有明確，瀏覽器實現它不一致。當使用等寬字體時，效果最好。此屬性不會限制輸入的字符數量，但會影響可用性：在字段中輸入30個字符長的字符串很難輸入，這樣一來只能看到10個字符。字段的寬度也是用戶的信號：它表示輸入的預期最大寬度。

通常使用這兩個屬性，通常具有相同的值。例如，如果該字段是一個5位數的郵政編碼，size = 5 maxlength = 5是適合的，特別是如果您還設置font-family：monospace，這樣實際的寬度或多或少恰好是五位數。

但是，值可能不同。例如，當在郵政地址中要求一行時，您可以設置size = 30，因為這對于一行而言通常是足夠的，但是maxlength = 80，如果這對應于您的數據庫或數據處理設置的限制，并且沒有特別的原因不能同樣這么長的路線。

原則上，size屬性可以替換為CSS，因為它只處理可視化渲染。但是，寬度通常最好以字符形式設置，并且CSS中的字符的平均寬度沒有普遍支持的單位;新的ch單元接近，但不完全相同，舊的瀏覽器不支持。

總結

以上是生活随笔為你收集整理的html maxlength 算两个字符,html中的“maxlength”和“size”属性之间的区别？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。