HTMLInputElement: maxLength 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLInputElement 接口的 maxLength 属性表示允许在 <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

浏览器兼容性

另见