Главная

Настройка autocomplete в Webform CMS Drupal 10-11

01-02-2026

В Webform для Drupal 11 есть настройка Autocomplete, но важно понимать нюанс: переключатель On не равен «правильному» HTML-автозаполнению, из-за чего Chrome может продолжать показывать предупреждение “A form field doesn’t have an autocomplete attribute”. Ниже — короткая шпаргалка, как настроить autocomplete корректно и убрать warning.

1. В чём разница: Autocomplete On vs autocomplete="email"

Когда в элементе Webform выставлено Autocomplete: On, в разметке обычно появляется autocomplete="on". Это просто разрешение автозаполнения «в целом», но браузеру (особенно Chrome) часто нужно конкретное значение, например name, email, tel.

Поэтому правильная цель — получить в HTML:

<input autocomplete="email">

2. Где в Webform задаётся правильный autocomplete

Для нужного поля открой:

  • Webform → Build → редактировать элемент
  • Вкладка Advanced
  • Блок Element attributes
  • Поле Element custom attributes (YAML)

Важно: сюда нужно писать чистый YAML, а не пары вида “Attribute name / Attribute value”.

3. Правильный YAML (самый простой вариант)

Пример для поля «Вашето име»:

autocomplete: name

Для email:

autocomplete: email

Для телефона:

autocomplete: tel

4. Рекомендуемые значения для типовых полей

  • Имя и фамилия в одном поле: autocomplete: name
  • Имя отдельно: autocomplete: given-name
  • Фамилия отдельно: autocomplete: family-name
  • Email: autocomplete: email
  • Телефон: autocomplete: tel
  • Компания: autocomplete: organization

5. Нужно ли ставить autocomplete везде?

Нет. Обычно достаточно проставить только базовые поля (имя, email, телефон). Для textarea (сообщение), чекбоксов и служебных элементов autocomplete обычно не нужен.

6. Итог

Если вы хотите, чтобы браузер корректно автозаполнял поля и не показывал warning в консоли, используйте в Webform не только переключатель Autocomplete: On, но и добавляйте осмысленные значения через Element custom attributes (YAML) в виде autocomplete: email, autocomplete: name, autocomplete: tel. Это улучшает UX и приводит форму к стандартам HTML.

Похожие статьи