Отключить автозаполнение input

Общая идея в том, чтобы когда мы указываем в атрибутах инпута кукую-то пренадлежность к известному полю ввода, например name='email', или placeholder='E-mail', то браузер старается сэкономить время пользователя и заполнить его ранее введеными данными. Но бывает, что от этой фишки нужно избавиться, и это бывает трудно.

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

В этой заметке я собрал те рекомендации, которые так или иначе были полезны.

  1. Атрибут autocomplete для input
    • autocomplete="off" — Не работает в хроме, но работает в некоторых других браузерах, но не в FireFox.
    • autocomplete="disabled" — Работает в хроме
    • autocomplete="someRandomString" — Любая случайная строка. Работает в хроме на момент написания заметки

    Также, добавить autocomplete="off" к тегу form

  2. jQuery Плагин disableAutoFill
    Вроде работает
  3. Эффективно и изящно как топор
    Для себя я использую чудовищный подход, при котором меняю до неузноваемости поле name, пишу ахинею в autocomplete и это работает...
    Пример:

    <input type="text" name="email" autocomplete="h87h58g7h8hd">
    <input type="text" name="e-m-a-i-l" placeholder="email" autocomplete="h87h58g7h8hd">
    <input type="text" name="e-m-a-i-l" autocomplete="iuhaiofy">
    <input type="text" name="jhygyvfvy" autocomplete="syudht97g">

Комментарии (2)

  1. Александр 19 февраля 2020, 21:04 # 0
    ужас какой)
    1. Александр 04 августа 2020, 20:34 # 0
      По идее можно просто генерировать name поля, например, email345983 и автозаполнения не будет)) но это я так говнокодирование сказал))
      *Комментарий будет опубликован после проверки модератором

      [MODx] Генератор настроек MIGX

      [MODx, MIGx] Документация на русском по MIGX

      [MODX] Импорт и экспорт в MiniShop2. Реализация 1

      [JS] Маска для ввода телефона +7(___)___-__-__

      [MODx] minishop2 tips

      Как включить HTTPS (SSL) в MODX - Подробная инструкция

      [MODx, miniShop2] Генерация YML для выгрузки в маркет

      [MODx] Подсказки по API

      jQuery.Maskedinput js - документация на русском с примерами

      [OpenCart] Вывести на главную все категории с картинками

      [MODx] Сайт на обслуживании (выключить сайт)

      [MODx, MIGX] Примеры использования

      [PHP, JSON] Пример перевода с помощью Yandex Translate API

      Расширение свойств товаров minishop2

      Универсальная форма обратной связи — feedBackForm

      [MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

      [Opencart] Вернуть английский язык, если вы его удалили

      [OpenCart] Вывести модуль напрямую через контроллер

      [MODX, MIGX] Вывести getImageList только если он не пустой

      [MODX, MiniShop2] Примеры выборки where, optionFilters, innerJoin

      [MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

      [MODX] pThumb - ресайз изображений. Примеры использования.

      [MODx, Quip] Более рабочий вариант.

      Отключить автозаполнение input

      Красивое адаптивное меню под pdoMenu

      Все записи

      Добавьте такую строчку на свой сайт за 2 минуты по инструкции
      Наш сайт использует куки, нажмите «ОК» если вы не против
      OK