Атрибуты minlength и maxlength

Атрибуты 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. Если за этим не уследить, то поле всегда будет невалидным.