19-11-2017 | Автор: Усков Станислав (inpost) / School-PHP.com | Количество просмотров: 18494

Странная вещь выходит, 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">

Напишите свой комментарий:

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

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