HTML 属性：maxlength
maxlength 属性定义了用户可以在 <input> 或 <textarea> 中输入的字符串长度的最大值。该属性的值必须是非负整数。
字符串长度是以 UTF-16 码元为单位进行计算的，通常（对于大多数语言脚本）等同于字符个数。如果未指定 maxlength，或指定了无效值，则输入将没有最大长度限制。
任何 maxlength 的值必须大于或等于 minlength 的值（如果存在且有效）。如果字段文本值的长度超过了 maxlength 的 UTF-16 码元长度，输入将无法通过约束验证。约束验证仅在用户更改值时应用。
约束验证
虽然浏览器通常会阻止用户输入超过 maxlength 属性允许的文本长度，但如果输入的长度确实超出了 maxlength 的限制，ValidityState 对象的 tooLong 属性会返回 true。
尝试一下
<label for="name">Product name:</label> <input id="name" name="name" type="text" value="Shampoo" minlength="3" maxlength="20" required /> <label for="description">Product description:</label> <textarea id="description" name="description" minlength="10" maxlength="40" required></textarea> label { display: block; margin-top: 1em; } input:valid, textarea:valid { background-color: palegreen; } 示例
html
<input type="password" maxlength="4" /> 规范
| Specification |
|---|
| HTML # attr-input-maxlength |
| HTML # attr-textarea-maxlength |