HTMLInputElement: свойство maxLength

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

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

Приведенный HTML:

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

Можно использовать свойство maxLength для получения или установки значения атрибута <input>:

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

• HTMLInputElement.value
• HTMLInputElement.minLength
• ValidityState.tooLong