HTML 屬性：minlength

minlength 屬性定義使用者可以輸入到 <input> 或 <textarea> 中的最小 字串長度。該屬性必須具有 0 或更高的整數值。

長度以 UTF-16 程式碼單元為單位測量，這 (對於大多數指令碼) 等同於字元數。如果沒有指定 minlength，或者指定了無效值，則輸入沒有最小長度。此值必須小於或等於 maxlength 的值，否則該值將永遠無效，因為不可能同時滿足這兩個條件。

如果欄位文字值的長度小於 minlength 個 UTF-16 程式碼單元，則輸入將無法透過約束驗證，並且 validityState.tooShort 將返回 true。約束驗證僅在使用者更改值時應用。提交失敗後，某些瀏覽器將顯示錯誤訊息，指示所需的最小長度和當前長度。

minlength 並不意味著 required；如果使用者已輸入值，則輸入僅在違反 minlength 約束時才違反。如果輸入不是 required，則即使設定了 minlength，也可以提交空字串。

<label for="fruit">Enter a fruit name that is at least 5 letters long</label>
<input type="text" minlength="5" id="fruit" />

input {
  border: 2px solid currentcolor;
}
input:invalid {
  border: 2px dashed red;
}
input:invalid:focus {
  background-image: linear-gradient(pink, lightgreen);
}