Атрибуты minlength и maxlength

Атрибуты minlength и maxlength устанавливают полям ввода минимальное и максимальное количество символов.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Секция статьи "Кратко"

Атрибуты minlength и maxlength позволяют устанавливать минимальное и максимальное количество символов в полях ввода <input> или <textarea>.

Как пишется

Секция статьи "Как пишется"
        
          
          <input minlength="4" maxlength="8"><textarea minlength="50" maxlength="1000">
          <input minlength="4" maxlength="8">
<textarea minlength="50" maxlength="1000">

        
        
          
        
      

Пример

Секция статьи "Пример"

Создадим поле для ввода пароля и ограничим количество допустимых символов:

        
          
          <label for="password">Введите пароль (от 8 до 16 символов):</label><input  type="password"  id="password"  name="password"  required  minlength="8"  maxlength="16">
          <label for="password">Введите пароль (от 8 до 16 символов):</label>

<input
  type="password"
  id="password"
  name="password"
  required
  minlength="8"
  maxlength="16"
>

        
        
          
        
      
Открыть демо в новой вкладке

Как понять

Секция статьи "Как понять"

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

При добавлении полю обоих атрибутов, значение minlength всегда должно быть меньше значения maxlength. Если за этим не уследить, то поле всегда будет невалидным.