HTMLTextAreaElement: maxLength property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The maxLength property of the HTMLTextAreaElement interface indicates the maximum number of characters (in UTF-16 code units) allowed to be entered for the value of the <textarea> element, and the maximum number of characters allowed for the value to be valid. It reflects the element's maxlength attribute. -1 means there is no limit on the length of the value.
Note:
Browsers generally prevent users from entering more characters than the maxlength attribute allows. Should the length be longer, the element is considered invalid and the ValidityState object's tooLong property will be true.
Value
A number representing the element's maxlength if present, or -1.
Example
Given the following HTML:
<p>
<label for="comment">Comment</label>
<textarea id="comment" minlength="10" maxlength="200"></textarea>
</p>
You can use the maxLength property to retrieve or set the <textarea>'s maxlength attribute value:
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
Specifications
| Specification |
|---|
| HTML # dom-textarea-maxlength |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
maxLength
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support