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

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

  1. Александр 19 февраля 2020, 21:04 # 0
    ужас какой)
    1. Александр 04 августа 2020, 20:34 # 0
      По идее можно просто генерировать name поля, например, email345983 и автозаполнения не будет)) но это я так говнокодирование сказал))
      1. Евгений 17 марта 2021, 17:05 # 0
        <input type="text" name="email" readonly onfocus="this.removeAttribute('readonly')">
        *Комментарий будет опубликован после проверки модератором

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

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