此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
HTML 属性:maxlength
maxlength 属性定义了用户可以在<input> 或<textarea> 中输入的字符串长度的最大值。该属性的值必须是非负整数。
字符串长度是以 UTF-16 码元为单位进行计算的,通常(对于大多数语言脚本)等同于字符个数。如果未指定maxlength,或指定了无效值,则输入将没有最大长度限制。
任何maxlength 的值必须大于或等于minlength 的值(如果存在且有效)。如果字段文本值的长度超过了maxlength 的 UTF-16 码元长度,输入将无法通过约束验证。约束验证仅在用户更改值时应用。
In this article
约束验证
虽然浏览器通常会阻止用户输入超过 maxlength 属性允许的文本长度,但如果输入的长度确实超出了 maxlength 的限制,ValidityState 对象的tooLong 属性会返回 true。
尝试一下
<label for="name">Product name:</label><input name="name" type="text" value="Shampoo" minlength="3" maxlength="20" required /><label for="description">Product description:</label><textarea 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> |