Два работающих способа отключить autocomplete в Google Chrome

| Автор: / School-PHPSchool-PHP.com | Количество просмотров: 18310
Странная вещь выходит, Google Chrome борется с теми, кто борется с autocomplete в формах! Мы придумываем обход, как обойти и отключить autocomplete, а после Google Chrome создаёт фикс и запрещает обход. И так день за днём.

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

Самое главное не забывайте дефолтно отключать:
<form autocomplete="off">


Итак, давайте взглянем на 2 работающих способа:
1) autocomplete работает на email и password первые идущие в форме при условии, если они не display:block, поэтому:
<input name="fake_email" class="visually-hidden" type="text">
<input name="fake_password" class="visually-hidden" type="password">
<input type="email" name="email" autocomplete="off">
<input type="password" name="password" autocomplete="off">
<style>
	.visually-hidden {
		margin: -1px;
		padding: 0;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip: rect(0, 0, 0, 0);
		position: absolute;
	}
</style>


2) Второй способ заключается в том, что на сегодня автозаполнение не работает на readonly, поэтому делаем следующий трюк:
<input type="email" name="email" onfocus="this.removeAttribute('readonly');" readonly autocomplete="off">
<input type="password" name="password" onfocus="this.removeAttribute('readonly');" readonly autocomplete="off">




Комментарии о School-PHP (0):


Напишите свой комментарий:
Имя:
E-mail:
на него отправится ответ
Skype Станислава:
напишите мой скайп
(есть внизу страницы)
Введите комментарий:

* Комментарий при отправке отправляется на пре-модерацию. Вынужденная защита от спама, чтобы сайт был чистым.

Персональный блог Ускова Станислава: School-PHP.com

В основном в данном блоке идут посадочные страницы с целью привлечения аудитории из Google и Yandex. Под каждый поисковый запрос создаётся отдельная страница, в итоге мы получаем много статей на разные темы, при этом полезны только для того, кто был заинтересован именно этим запросом. Для остальных же всё же советую сосредоточиться на прохождении общей программы курса!
Главная БАЗОВЫЙ КУРС ПЕРВЫЙ УРОВЕНЬ программирования ВТОРОЙ УРОВЕНЬ верстки ВТОРОЙ УРОВЕНЬ программирования Начать обучение Запуск проекта Мелкие трюки Делимся практикой трудоустройства Проверь свои знания Задачи по PHP MySQL Блог Отзывы