HTMLInputElement: maxLength 属性

maxLength 是 HTMLInputElement 接口的属性，它指示 <input> 元素的值允许输入的最大字符数（以 UTF-16 代码单元计），以及值有效时的最大字符数。它反映了元素的 maxlength 属性。-1 表示对值的长度没有限制。

注意: 浏览器通常会阻止用户输入超过 maxlength 属性允许的字符数。如果长度超过限制，则该元素被认为无效，并且 ValidityState 对象的 tooLong 属性将为 true。

值

表示元素 maxlength 属性值（如果存在）的数字，或 -1。

示例

给定以下 HTML

html
<p>
  <label for="password">Your password</label>
  <input id="password" type="password" minlength="8" maxlength="20" />
</p>

可以使用 maxLength 属性检索或设置 <input> 元素的 maxlength 属性值

js
const inputElement = document.querySelector("#password");
console.log(`Element's maxLength: ${inputElement.maxLength}`); // "Element's maxlength: 20"
inputElement.maxLength = 18; // updates the element's maxlength attribute value

规范

规范
HTML 标准
# dom-input-maxlength

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅