HTMLTextAreaElement: свойство maxLength

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Свойство maxLength интерфейса HTMLTextAreaElement указывает на максимальное количество символов (в единицах кодировки UTF-16), разрешённых для ввода в значение элемента <textarea>, и максимальное количество символов, при котором значение считается валидным. Оно отражает атрибут элемента maxlength. -1 означает, что нет ограничения на длину значения.

Примечание: Браузеры обычно не позволяют пользователям вводить больше символов, чем позволяет атрибут maxlength. Если длина превышает лимит, элемент считается невалидным, и свойство ValidityState объекта tooLong будет true.

Значение

Число, представляющее значение атрибута maxlength элемента, если он присутствует, или -1.

Пример

Рассмотрим следующий HTML:

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

Можно использовать свойство maxLength для получения или установки значения атрибута <textarea> элемента maxlength.

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

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`maxLength`	4	12	4	≤12.1	5	18	4	≤12.1	5	1.0	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/maxLength