maxlength Атрибут HTML

Атрибут maxlength задаёт максимальную длину строки, которую пользователь может ввести в <input> или <textarea>. Значение атрибута должно быть целым числом, равным 0 или больше.

Длина измеряется в единицах кода UTF-16, которые часто, но не всегда равны количеству символов. Если maxlength не задан или указано недопустимое значение, максимальная длина ввода не ограничена.

Любое значение maxlength должно быть больше или равно значению minlength, если оно задано и допустимо. Проверка ограничений не пройдёт, если длина текстового значения поля превышает maxlength единиц кода UTF-16. Проверка ограничений применяется только при изменении значения пользователем.

Попробуйте

<label for="name">Product name:</label>
<input
  id="name"
  name="name"
  type="text"
  value="Shampoo"
  minlength="3"
  maxlength="20"
  required />

<label for="description">Product description:</label>
<textarea
  id="description"
  name="description"
  minlength="10"
  maxlength="40"
  required></textarea>

label {
  display: block;
  margin-top: 1em;
}

input:valid,
textarea:valid {
  background-color: palegreen;
}

Описание

Проверка ограничений

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

Примеры

<input type="password" maxlength="4" />

Спецификации

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

html.elements.input.maxlength

html.elements.textarea.maxlength

См. также

• minlength
• size
• pattern
• Проверка ограничений
• Проверка форм
• <input>