Атрибут autocomplete тега <textarea>

Описание

Атрибут autocomplete в теге <textarea> определяет, должен ли браузер предлагать автоматическое заполнение содержимого текстового поля на основе ранее введённых пользователем данных.

Пример использования:
<form> <label for="address">Адрес:</label> <textarea id="address" autocomplete="street-address"></textarea> </form>

Значения атрибута:

Значение Описание Когда использовать
on Разрешает автозаполнение Для обычных текстовых полей без специфичного типа
off Запрещает автозаполнение Для чувствительных данных или уникальных полей
тип_данных (например, "street-address") Указывает тип данных для точного автозаполнения Когда нужно точное соответствие типу данных

Список популярных типов данных:

  • street-address - полный адрес
  • comment - комментарии, заметки
  • additional-name - отчество
  • tel - телефонный номер
  • email - адрес электронной почты

Пример с разными типами:

<form> <label for="notes">Заметки:</label> <textarea id="notes" autocomplete="comment"></textarea> <label for="bio">Биография:</label> <textarea id="bio" autocomplete="off"></textarea> </form>

Рекомендации:

  • Используйте конкретные типы данных вместо "on" для лучшего UX
  • Отключайте для уникальных полей (например, сообщения в чате)
  • Сочетайте с атрибутом name для лучшей совместимости
  • Тестируйте поведение в разных браузерах

Ограничения:

  • Работает только внутри формы
  • Поведение может отличаться в разных браузерах
  • Не гарантирует полное отключение менеджеров паролей
  • Для полного отключения может потребоваться autocomplete="new-password"

Важно для безопасности:

<!-- Для полей с чувствительными данными --> <textarea autocomplete="off" readonly onfocus="this.removeAttribute('readonly')"> Конфиденциальная информация </textarea>

Примечание: Для сложных сценариев автозаполнения рассмотрите:

  • Кастомные JavaScript-решения
  • Библиотеки типа select2 для выпадающих подсказок
  • Собственные API подсказок