Отключить автозаполнение 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

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

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

      [MODX] Подсказки по работе и заготовки для MiniShop2

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

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

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

      [MODX] Примеры работы с API

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

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

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

      Пример перевода с помощью Yandex Translate API

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

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

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

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

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

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

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

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

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

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

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

      Настройка Webpack - несколько точек входа и разделение на чанки

      Все записи

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