Как отключить автозаполнение форм в WordPress

Автозаполнение форм браузером — удобная функция, которая позволяет пользователям быстро заполнять поля на сайте. Однако в ряде случаев, особенно на сайтах с формами регистрации, авторизации или оплаты, автозаполнение может привести к проблемам безопасности или ухудшить пользовательский опыт. В этой статье мы подробно рассмотрим, как отключить автозаполнение форм в WordPress с помощью кода и плагинов.

Почему стоит отключать автозаполнение форм в WordPress

Автозаполнение, несмотря на удобство, может создавать риски:

  • Безопасность: браузер запоминает чувствительные данные, и если устройство используется несколькими людьми, данные могут быть скомпрометированы.
  • Ошибки при заполнении: браузер может подставлять устаревшую или неверную информацию.
  • Дизайн и UX: автозаполнение иногда мешает корректному отображению всплывающих подсказок или масок ввода.

В результате на сайтах с формами логина, регистрации, оплаты, обратной связи и др. иногда требуется отключить автозаполнение.

Способы отключения автозаполнения форм в WordPress

Отключить автозаполнение можно несколькими способами: через HTML-атрибуты, на уровне темы с помощью хуков, а также с помощью плагинов.

Отключение автозаполнения через атрибут autocomplete

Самый простой и надёжный способ — добавить в тег формы и поля атрибут autocomplete="off". Например:

<form action="/submit" method="post" autocomplete="off">
  <input type="text" name="username" autocomplete="off" />
  <input type="password" name="password" autocomplete="new-password" />
  <input type="submit" value="Войти" />
</form>

Обратите внимание, для пароля часто рекомендуется использовать autocomplete="new-password", чтобы браузер не предлагал сохранённые пароли.

Как добавить отключение автозаполнения через functions.php темы

Если формы генерируются динамически (например, через Contact Form 7, WooCommerce или кастомные формы), можно программно добавить атрибут в форму или поля с помощью фильтров и хуков.

Пример функции для добавления атрибута autocomplete="off" ко всем формам на сайте:

function wpcourse_disable_autocomplete_form( $form_html ) {
    $form_html = str_replace( '<form', '<form autocomplete="off"', $form_html );
    return $form_html;
}
add_filter( 'the_content', 'wpcourse_disable_autocomplete_form' );

Этот код простой и подходит, если формы находятся в контенте. Для WooCommerce или Contact Form 7 есть свои фильтры и методы.

Отключение автозаполнения в WooCommerce

В WooCommerce можно отключить автозаполнение на страницах оформления заказа:

function wpcourse_disable_autocomplete_woocommerce_checkout_fields( $fields ) {
    foreach ( $fields as $fieldset_key => $fieldset ) {
        foreach ( $fieldset as $field_key => $field ) {
            $fields[ $fieldset_key ][ $field_key ][ 'autocomplete' ] = 'off';
        }
    }
    return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'wpcourse_disable_autocomplete_woocommerce_checkout_fields' );

Этот код добавит атрибут autocomplete="off" ко всем полям оформления заказа.

Использование плагинов для управления автозаполнением

Если вы предпочитаете использовать готовые решения, есть плагины, которые помогают управлять атрибутами форм и безопасностью. Например:

  • Disable Autocomplete — простой плагин, который отключает автозаполнение на всех формах.
  • Clearfy Pro — пакет оптимизаций и безопасности WordPress, в том числе управление атрибутами форм.

Дополнительные советы по работе с автозаполнением

Не отключайте автозаполнение без необходимости

Автозаполнение улучшает UX, поэтому отключайте его только если действительно нужно: например, на формах с паролями, платежной информацией, или при проблемах с отображением.

Используйте уникальные имена и атрибуты для полей

Иногда браузеры игнорируют autocomplete="off", если имена полей стандартные (email, password). Используйте нестандартные имена полей или autocomplete="new-password" для паролей.

Проверяйте работу на разных браузерах

Разные браузеры по-разному трактуют атрибуты автозаполнения. Тестируйте сайт на Chrome, Firefox, Edge и мобильных браузерах.

Пример комплексного решения отключения автозаполнения в WordPress

Ниже приведён пример функции, которая отключает автозаполнение на формах регистрации и входа WordPress, а также на полях пароля:

function wpcourse_disable_autocomplete_login_register( $fields ) {
    foreach ( $fields as $key => $field ) {
        if ( in_array( $key, array('user_login', 'user_email', 'password', 'password2') ) ) {
            $fields[ $key ]['autocomplete'] = 'off';
        }
    }
    return $fields;
}
// Пример для плагина Theme My Login
add_filter( 'tml_form_fields', 'wpcourse_disable_autocomplete_login_register' );

Если вы используете кастомные формы, добавляйте атрибут autocomplete="off" на уровне HTML или через фильтры.

Выводы и рекомендации

Отключение автозаполнения форм в WordPress — задача, которая требует аккуратности и понимания. Используйте атрибуты HTML, фильтры WordPress и, при необходимости, плагины. Обязательно тестируйте на разных устройствах и браузерах. Если хотите комплексное решение, обратите внимание на Clearfy Pro для безопасности и оптимизации вашего сайта.

Как удалить из изображений metadata EXIF в WordPress для ускорения сайта
16.12.2025
Автоматическое удаление неоплаченных заказов в WooCommerce
03.06.2026
Как использовать REST API для создания нестандартных запросов в WordPress
06.03.2026
Как отключить отправку email уведомлений в WordPress без плагинов
23.12.2025
Как создать и использовать шорткоды в WordPress: подробное руководство
08.11.2025

Хотите научиться создавать сайты и зарабатывать на этом от 30 000 рублей в месяц?

Записаться на курс сейчас