Это незащищенная форма автозаполнение отключено как исправить
Перейти к содержимому

Это незащищенная форма автозаполнение отключено как исправить

  • автор:

«Незащищенное соединение» — ошибка безопасности Google и Firefox

Если вы видите такое предупреждение — ваш сайт небезопасен для пользователей.

В январе 2017 года браузеры Chrome и Firefox введут подключение по протоколу https как стандарт безопасной передачи данных. Этот протокол поддерживает технологию SSL, которая шифрует информацию и защищает данные пользователей при передаче.

Соединение по HTTPS обеспечивают все SSL-сертификаты: от Positive SSL за 470 рублей в год с проверкой домена для физических лиц до сертификатов с расширенной проверкой для крупных организаций.
Что такое SSl-сертификат и как его подключить?>>

Ошибка безопасности Google

В январе 2017 года ошибка безопасности появится на сайтах, которые не защищены SSL-сертификатом. Пока нововведение коснется только сайтов с формами оплаты и подписки, но в своем блоге Гугл отмечает, что планирует ввести эти нормы для всех сайтов.

Гугл отключил автозаполнение форм на сайтах, не поддерживающих HTTPS, еще в декабре 2016.

Автозаполнение отключено — незащищенное соединение

Представители Mozilla анонсировали этот функционал в версии Firefox 51, которая выйдет в январе 2017.

Небезопасное соединение

Что это значит?

Ошибка безопасности сигнализирует пользователю, что оставлять конфиденциальные данные на сайте небезопасно. Злоумышленники могут перехватить передачу и воспользоваться информацией в своих целях.
Исследование GlobalSign показало, что уже сейчас 84% пользователей не стали бы делать покупки на сайте без защищённого соединения. Сложно спрогнозировать, как ошибка безопасности повлияет на конверсию сайтов без SSL-сертификатов, но логика подсказывает, что их позиции станут заметно слабее.

Изменится и ранжирование сайтов без HTTPS. Еще в 2014 году в своем блоге разработчики Гугл объявили, что наличие SSL-сертификата станет официальным фактором ранжирования сайтов. Теперь, в 2017 году, этот фактор станет более значимым.

Что делать?

Установите SSL-сертификат на домен или почтовый сервер, чтобы браузеры распознавали ваш сайт как доверенный. Вы гарантируете пользователям защиту данных при передаче и увеличите конверсию. Если в адресной строке сайта есть зеленый замочек — даже самый подозрительный пользователь оставит у вас личные данные или произведет оплату.

SSL-сертификаты различаются по типу проверки центром сертификации, сумме гарантии и стоимости.

[DV] .Они подтверждают право владения доменом. Обычно такие сертификаты выбирают физические лица. Получить DV SSL можно за 5-10 минут. Подробнее>>

[OV] . Чтобы выдать такой сертификат, центр сертификации проверяет правовые и организационные аспекты работы компании. Этот процесс обычно занимает 3-10 дней. OV SSL гарантирует пользователям, что компания реально существует. Подробнее>>

[EV] отличаются от остальных наличием “зеленой строки”. Это зеленая полоска в адресной строке, подтверждающая юридические данные организации. Исследования Symantec выявили, что после установки EV SSL-сертификата количество транзакций увеличивается в среднем на 17%. Подробнее>>

Зеленая строка в Google

Зеленая строка в Google

Зеленая строка в Firefox

Зеленая строка в Firefox

Зачем это ввели?

В 2016 году объем интернет-продаж в России составит 850 миллиардов рублей по данным АКИТ. Это на 15% больше, чем в прошлом году. Закономерно, что и процент мошеннических сайтов возрос.
По данным “Альфастрахования”, за год в России количество краж через интернет-банкинг выросло в 5,5 раза.
Яркий пример — сеть мошеннических сайтов по продаже авиабилетов, имитирующая Aviasales.ru.

Политика Google направлена на то, чтобы интернет стал безопасным для пользователей любого уровня. Новая мера безопасности привлечет внимание к безопасности личных данных и, мы надеемся, поможет защитить пользователей от интернет-мошенничества.

Как отключить автозаполнение форм с помощью html 5?

Ничего не получается. На поле всё равно срабатывает авто заполнение.
Что я делаю не так?

702101f4edb640ed8c402ef764f61d36.JPG

UPD.

  • Вопрос задан более трёх лет назад
  • 59767 просмотров

1 комментарий

Оценить 1 комментарий

А документ объявлен как HTML5?
Решения вопроса 1
Ответ написан более трёх лет назад
Нравится 33 9 комментариев

bootd

Дима Паутов @bootd Куратор тега HTML
Владимир Гомонов @MetaDriver
гениально!
но таки уже не работает
chrome, 15.07.2020г
таки дела
unrealthemes @unrealthemes
Гениально! 05,02,2021 всё работает. такие дела))

Mirami97

гениально!
Но не работает
22.06.2021
chrome Версия 91.0.4472.114

Миржалол Мирхомитов, Гениально! 04.09.2021 всё работает.
chrome Версия 92.0.4515.159 (Официальная сборка), (64 бит)
такие дела))

Mirami97

User99, можете показать код пжл

14.10.2021. Chrome Версия 94.0.4606.81 (Официальная сборка), (64 бит) до сих пор работает)

mirniycruxix

Anonymous @mirniycruxix
31.05.2022 Ничего не работает, Chrome

09.2023, Chrome 116.0.5845.141 — с выбором поля через tab работает, по клику мышкой — всё как всегда.
P.S. В мобильном хроме всё работает за исключением того, что поля readonly не фокусятся с клавиатуры, они выпадают из табиндекса

Ответы на вопрос 8

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

здесь мы отключаем автозаполнение пароля, а также чтобы не было выпадающего списка выбором паролей там где это не нужно:
— оборачиваем форму в блок со свойством position:relative
— после поля прописываем блок с position:absolute top:0 left:0 width:100% height:100%
— создаем событие onclick, для класса field где вызываем фокус для нашего поля внутри

разница на скриншотах

5c7b1b5e59913162932758.jpeg

До

5c7b1b47ab6ba995507479.jpeg

После

Ответ написан более трёх лет назад
Нравится 9 3 комментария
Ты просто бог, парень.
Спасибо!
nazarov_14 @nazarov_14

Евгений Коелсник, akb2.
Можете подсказать, пж?
Я не совсем понял как нужно сделать, чтобы не было выпадающего списка выбором паролей.

AndrewBoeing

Andrew Boeing @AndrewBoeing
Респект и уважуха! )

Symphony

A K @Symphony Куратор тега HTML
Ответ написан более трёх лет назад
Нравится 2 8 комментариев
Quber @Quber Автор вопроса

В вашем примере хоть с autocomplete=»off» хоть без него авто подстановки значения нет. Исчезают только подсказки в форме и всё. Chrome Версия 38.0.2125.111

Symphony

A K @Symphony Куратор тега HTML
Тогда я не понимаю проблемы, можно скрин?

Symphony

A K @Symphony Куратор тега HTML
попробуйте в firefox, если там такая проблема?
Quber @Quber Автор вопроса
@Symphony: прикрепил в шапке

Symphony

A K @Symphony Куратор тега HTML

Это автозаполнение хрома. Если Вы нуждаетесь в решении уже ЭТОГО вопроса, то используйте div c contenteditable=»true»

Quber @Quber Автор вопроса

Я знаю, что это авто заполнение Хрома. Я и пытаюсь отключить его в форме. Везде пишут про атрибут autocomplete=»off» но он не работает (kitoraga.com/blog/vydelenie-input-v-google-chrome.html)

Symphony

A K @Symphony Куратор тега HTML
Для решение проблемы с автозаполнением от Хрома используйте выше описанный способ
Quber @Quber Автор вопроса
@Symphony: ясно. спасибо.
74webmaster @74webmaster

Можно отключить автозаполнение, если в момент фокусировки в поле поменять у поля значение name на произвольное. А когда пользователь выходит из input, то поменять значение name обратно. В этом случае браузер Хром не выводит подсказок, т.к. каждый раз значение name новое.
Необходимо подключать jquery, а ниже подключить сам скрипт.

Исходник (взял отсюда только код, который генерит значение name) https://github.com/terrylinooo/jquery.disableAutoFill

Что получилось в итоге:

Это сама форма, показываю кусок формы, с полями ввода, для которых отключаю подсказки хрома. Оба инпута имеют класс «only-ru»:

Сам скрипт, который при фокусе генерит произвольное значение для name, а при выходе из фокуса — возвращает значение name обратно, как мне нужно. Можете его улучить, сделать более универсальным:

//поменять name при фокусе $('.only-ru').on("focus", function()< var realFields = []; var realFieldsMapper = <>; $(this).each(function(i) < realFields[i] = $(this).attr('name'); if(realFieldsMapper[realFields[i]]) < $(this).attr('name', realFieldsMapper[realFields[i]]); >else < var randomName = Math.random().toString(36).replace(/[^a-z]+/g, ''); $(this).attr('name', randomName); realFieldsMapper[realFields[i]] = randomName; >>); >); //поменять name обратно $(document).mouseup(function (e)< var div1 = $("#city1"), div2 = $("#city2"); if (!div1.is(e.target)) $("input#city1").attr('name', 'city1'); if (!div2.is(e.target)) $("input#city2").attr('name', 'city2'); >);

Автозаполнение форм на сайтах: включить и отключить на примере Гугл Хром

Основное требование безопасного веб-сёрфинга – использование длинных и уникальных паролей для каждого веб-ресурса, даже редко посещаемого. Его соблюдение многократно снижает риск взлома профилей. Правило приводит к необходимости вспомогательного средства для хранения паролей, так как десятки данных для авторизации сложно запомнить. Чтобы ускорить процесс аутентификации на веб-ресурсах и позволить не держать в памяти многочисленные данные, в Гугл Хром реализована функция автозаполнения. Если её включить, браузер Гугл Хром будет подставлять сохранённые данные (пароли, инфу о банковских карточках, адреса) в соответствующие поля на сайтах. Правда, по некоторым причинам, описанным дальше, всё больше юзеров отказывается от автозаполнения и выключают его.

Автозаполнение форм на сайтах - включить и отключить на примере Гугл Хром

Что собой представляет автозаполнение в Гугл Хром

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

Как осуществляется автоввод:

как убрать автозаполнение в гугл хром

  1. Переходим на любой сайт, куда надо указать личные данные.
  2. Вводим инфу для авторизации или оплаты и врубаем действие.
  3. В уведомлении с предложением добавить данные в память браузера щёлкаем по кнопке «Сохранить».
  4. В данный момент при каждом посещении той же страничек. веб-обозреватель будет подставлять данные, введённые в прошлый раз.

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

Какие данные можем сохранять в браузере от Гугл

Всего есть несколько групп данных для самостоятельного заполнения веб-обозревателем:

  • Логины и пароли – самые актуальные данные. Каждый активный юзер владеет 20-50 аккаунтами на разных сервисах. Приходится либо ставить одинаковые пароли, подвергая себя риску взлома в случае похищения базы данных на одном из сайтов, либо сохранять инфу в специальных хранилищах. Самый быстрый и удобный вариант – хранить список в браузере.
  • Способы оплаты (банковские карты). В веб-обозреватель от Гугла можем вносить инфу о кредитных и дебетовых карточках: имя владельца, номер карты и срок её действия.
  • Адреса и прочие данные. Сюда относится страна, регион, город и дом проживания, а также электронная почта с номером телефона. По названию поля (оно указывается в HTML-коде, визуально не видно) браузер определяет куда и какую инфу надо подставлять.

Плюсы и минусы автозаполнения в Гугл Хром

Технология довольно спорная, имеет свои положительные и негативные стороны.

  • Внедрение информации осуществляется в разы быстрее, чем ручной ввод;
  • Не надо запоминать данные;
  • Если забыли логин или пароль, всегда их можем увидеть в меню браузера.
  • Любой, кто получит доступ к PC, может авторизоваться во всех сайтах, к которым сохранён пароль;
  • Хакеры могут перехватить и похитить инфу для внесения в поля автозаполнения;
  • Сотрудники или прочие домочадцы могут легко увидеть логины, а при отсутствии защиты и пароли, на всех сайтах.

Если кратко, то автозаполнение форм – это удобная, но небезопасная функция. Для повышения уровня конфиденциальности лучше её отключить, так степень безопасности профилей будет в разы выше. Но, включённая система запоминания и заполнения – простой и быстрый способ авторизации или указания частенько вводимых данных.

Полезно! Автоввод правильнее всего юзать разумно: на маловажных сайтах пользоваться предложением сохранять пароли, а на платёжных веб-ресурсах, социальных сетях и т.д. отказываться от внесения данных в базу браузера.

Как включить автозаполнение в Гугл Хром

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

Как активировать автоввод:

  1. Нажимаем на изображение трёх точек (справа в углу) и переходим в «Настройки». как удалить автозаполнение в гугл хром
  2. Один из первых разделов «Автозаполнение», выбираем в нём «Пароли», «Способы оплаты» или «Адреса и прочие данные». автозаполнение в google chrome
  3. В верхней части страничек. находится строка с переключателем. Называются они по-разному в каждом разделе: «Автоматизированный вход», «Сохранять и автоматически подставлять платёжные данные» и «Сохранять и автоматически подставлять адреса». Переводим переключатель в активное состояние одним кликом (если ползунок находился в выключенном положении).

автозаполнение в гугл хром

Обратите внимание! Иногда автозаполнение активировано, но все равно не работает, что свидетельствует о проблемах с сайтом или другими элементами. Более подробно о причинах и способах исправления неполадок описали в конце материала.

Как отключить автозаполнение в Гугл Хром

Браузер даёт возможность отказаться от сохранения паролей непосредственно в момент авторизации на сайте. Если в уведомлении сверху нажмём на кнопку «Нет», данные не будут добавлены в базу веб-обозревателя Хром. Но, есть вариант полностью выключить сохранение пользовательской информации через настройки браузера.

Как убрать автозаполнение в Гугл Хром:

автозаполнение в гугл хром отключить

  1. Нажимаем на меню веб-обозревателя и переходим в «Настройки».
  2. Жмём на строку «Пароли» или другую в разделе «Автозаполнение».
  3. Отключаем пункты «Предлагать сохранение паролей» и «Автоматизированный вход» одним кликом по ним.

Изменения в Гугл Хром применяются автоматически, так что можем закрывать вкладку и продолжать сёрфинг в сети.

Как удалить данные автозаполнения в Гугл Хром

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

Способ 1: полное удаление

Его выполнить очень просто при помощи инструмента очистки браузера (там же осуществляется удаление истории, куки, кэша и прочих временных данных).

  1. Кликаем по значку под кнопкой закрытия браузера.
  2. Наводим курсор на «Дополнительные инструменты» и выбираем пункт «Удаление данных о просмотренных страницах». автозаполнение форм в гугл хром
  3. На страничек. «Очистить историю» переходим во вкладку «Дополнительные».
  4. «Временной диапазон» ставим за «Всё время».
  5. Устанавливаем выделение возле «Пароли и прочие данные для входа» и «Данные для автозаполнения».
  6. Щёлкаем по кнопке «Удалить данные». автозаполнение в гугл хром включить

Еще заменить первый и второй шаг поможет комбинация клавиш Ctrl + Shift + Del, которая сразу открывает средство очистки браузера.

Способ 2: выборочная деинсталляция данных

Поштучное удаление также присутствует в браузере, лишь выполняется несколько иначе. Если в планах убрать всего пару записей, текущий метод значительно практичнее, чем полная чистка.

автоматическое заполнение password в google chrome

  1. Через меню переходим в «Настройки».
  2. Открываем раздел «Пароли» или «Способы оплаты», «Адреса».
  3. Ищем в таблице запись, которую желаем убрать.
  4. Нажимаем на троеточие в правой части строки и выбираем опцию «Удалить».

Полезно! Когда в Гугл Хром сохранено много ключей, вручную выполнять поиск слишком долго и затруднительно, лучше воспользоваться автоматическим инструментом. Если точно знаем название сайта, можем ввести его в строку «Поиск паролей».

Рекомендации по безопасному использованию автоматического заполнения

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

Советы по повышению конфиденциальности:

как убрать подстановку паролей в гугл хром

  • Устанавливаем пароли для входа в учетные записи Windows. Если установлен мастер-ключ, при попытке увидеть содержимое файла с пользовательскими данными, система будет всегда требовать его введение. Чтобы установить пароль, открываем окно «Выполнить» (Win+R) в ОС Виндовс, вставляем control userpasswords2 и на вкладке «Дополнительно» щёлкаем на «Управление паролями».
  • Всегда завершаем работу системы. Таким образом прочие люди в общественных местах не смогут увидеть содержимое компа и личные данные. Метод актуален лишь в сочетании с предыдущим способом.
  • Своевременно обновляем антивирус. Лучше разрешить антивирусному ПО автоматически загружать апдейты и устанавливать их.
  • Избегаем посещения опасных веб-ресурсов, за которыми замечены мошеннические действия с данными пользователя. Об этом сообщает антивирус. Если у него нет функции интернет-защиты, можем установить AdBlock или AdGuard, которые также уведомляют о подозрительных сайтах.
  • Для хранения информации пользуемся спец приложениями или расширениями, вроде LastPass, у них устойчивость к взломам в разы выше.

Почему не работает автозаполнение форм в Гугл Хром

В редких случаях подстановка или сохранение данных не срабатывает:

  • Браузер не предлагает добавить инфу к автозаполнению. По какой-то причине не появляется уведомление в верхнем правом углу в момент регистрации или авторизации. Но, можем открыть его вручную, нажав на изображение ключа в правой части адресной строки. автозаполнение пользовательских данных в гугл хром
  • Ошибка «Незащищённый вход» или аналогичная «Незащищённая оплата». Если увидеть в левую часть поисковой строки, скорее всего увидим «Не защищено». Разработчики Гугл Хром и редакция сайта GuideComp.ru не рекомендуют вводить пароли или данные для оплаты на подобных веб-ресурсах. Если есть возможность, стоит перейти в защищённую версию сайта или отказаться от его использования. Риски неоправданно высокие, чтобы ставить под угрозу деньги на карте или собственные аккаунты. автозаполнение логина и пароля в гугл хром
  • С карты списались средства. После добавления платёжной карточки в Google, с неё списывается около 60 рублей – это система проверки подлинности. Деньги будут возвращены в течение 1 недели в зависимости от банка и оперативности его работы.
  • Браузер вводит неверный пароль для авторизации на сайте. Скорее всего после смены ключа для авторизации его ещё не вводили в веб-обозревателе. Стоит один раз вручную войти в аккаунт и Гугл Хром предложит сохранить новый пароль. Если этого не случилось, стоит перейти в раздел паролей или оплаты через «Настройки» (или показать пароль в уведомлении и изменить его прямо на сайте), найти нужную запись, ввести ключ от системы и отредактировать содержимое.

Это вся информация, которую надо знать, чтобы запустить, отключить и правильно пользоваться автозаполнением в Гугл Хром. Как юзать функцию, уже каждый решает для себя. Мы же рекомендуем не сохранять важные пароли, но хранить данные от аккаунтов, где нет ничего ценного и отсутствует всякая причина бояться их взлома.

Решение проблемы с игнорированием autocomplete=’off’ в Chrome

Если вы хотите, чтобы Chrome не предлагал автоматически сохраненные значения, то используйте нестандартные значения для атрибута autocomplete . В случае полей ввода паролей применяйте значение «new-password» , чтобы предотвратить их автозаполнение. Для остальных полей можно применить уникальные строки, благодаря которым браузер проигнорирует автозаполнение.

Пример для текстовых полей:

Скопировать код

Для полей с паролями:

Скопировать код

Встраивайте эти атрибуты непосредственно в ваш HTML-код для корректного управления автозаполнением в Chrome.

Обход настойчивого автозаполнения Chrome

Иногда браузеры надоедают своей усердностью в помощи пользователям и настойчиво игнорируют autocomplete=»off» . В данном разделе мы рассмотрим способы, которые помогут вам обойти это навязчивое поведение.

Динамическое управление при помощи JavaScript

С помощью JavaScript можно динамически изменять атрибут autocomplete , что позволяет эффективно контролировать поля ввода:

Скопировать код

// Автозаполнение, тебе уже не нужно здесь. document.getElementById("myInput").autocomplete = "new-attribute-value";

Невидимые поля для сбивания с толку

Чтобы запутать алгоритм автозаполнения, добавьте в форму неактивные скрытые поля:

Скопировать код

Креативность в значениях атрибутов

Используйте экстравагантные и одновременно функциональные значения атрибутов, например, «no-autofill-please» или «new-password», чтобы ввести в заблуждение механизм автозаполнения Chrome.

Readonly до получения фокуса

Устанавливайте поля ввода в состояние только чтения, которые становятся доступными после клика пользователя:

Скопировать код

Элемент поиска как средство борьбы

Замените стандартный на , установив autocomplete=»off» — это может оказаться эффективным:

Скопировать код

Будьте всегда в курсе

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

Визуализация

Атрибут autocomplete=»off» рассматривается как вежливая просьба, которую Chrome часто предпочитает игнорировать:

Ситуация Реакция Chrome
Без автозаполнения «Я вижу все ваши данные. » (����)
С autocomplete=»off» «Что ты говоришь? Не слышу!» (��)

Как бы вы ни убеждали Chrome (��) оставить автозаполнение в покое, он склонен продолжать в том же духе (��).

Мастерская контроля: методы для современных форм

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

Прозрачные приманки

Браузеры не занимаются заполнением невидимых полей, поэтому сделайте эти поля прозрачными и абсолютно позиционированными:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *