HTMLTextAreaElement: maxLength 属性

Baseline 已广泛支持

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

HTMLTextAreaElement 接口的 maxLength 属性表示 <textarea> 元素的值允许的最大字符数(以 UTF-16 码单元为单位),以及允许的有效值的最大字符数。它反映了元素的 maxlength 属性。-1 表示长度无限制。

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

如果存在,则为表示元素 maxlength 的数字;否则为 -1

示例

给定以下 HTML

html
<p>
  <label for="comment">Comment</label>
  <textarea id="comment" minlength="10" maxlength="200"></textarea>
</p>

您可以使用 maxLength 属性来检索或设置 <textarea>maxlength 属性值。

js
const textareaElement = document.querySelector("#comment");
console.log(`Element's maxLength: ${textareaElement.maxLength}`); // "Element's maxlength: 200"
textareaElement.maxLength = 220; // updates the element's maxlength attribute value

规范

规范
HTML
# dom-textarea-maxlength

浏览器兼容性

另见