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

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

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

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

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

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

[MODx] minishop2 tips

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[MODx] Создать источник файлов

[MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

[PHP] Простое логирование

[MODX] Вывести список всех опций MiniShop2

Все записи