maxlength: ограничение длины поля
Атрибут maxlength ограничивает длину ввода в поддерживаемых текстовых полях и многострочном textarea.
Назначение
Атрибут maxlength ограничивает длину ввода в поддерживаемых текстовых полях и многострочном textarea.
Как это работает
Ограничение относится к кодовым единицам UTF-16. Браузер обычно препятствует дальнейшему вводу, но приложение всё равно проверяет полученные данные на сервере, особенно если они могут поступить через API.
Пример
<label for="summary">Краткое описание</label>
<textarea id="summary" name="summary" maxlength="120" aria-describedby="summary-limit"></textarea>
<p id="summary-limit">Лимит поля — 120 единиц UTF-16; эмодзи могут занимать несколько.</p>Что должно получиться
Текстовое поле ограничивает пользовательский ввод по заданному правилу. Пояснение явно называет ограничение и не обещает совпадение с числом видимых символов.
Граница применения и частая ошибка
Не обрезайте текст на сервере по числу байтов без учёта кодировки. Это может повредить символ; также нельзя обещать пользователю фиксированное число видимых знаков, если правило считает иначе.
Самостоятельная проверка
Введите текст на границе ограничения и попробуйте вставить длинный фрагмент. Проверьте, что интерфейс объясняет лимит заранее, а не только после отказа.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.