Удалить всплывающее окно автозаполнения Chrome

Question

Когда я заполняю текстовый ввод в Chrome (и, возможно, тот же самый в FireFox и Internet Explorer), у меня появляется всплывающее окно AutoFill, которое скрывает всплывающее окно AutoComplete AJAX. См. Фото ниже.

Я пытаюсь добавить autocomplete="off", но это ничего не делать, и я узнал, что современный браузер не будет принимать их во внимание autocomplete="off" больше.

Как я могу запретить Chrome всплывать этот бесполезный div AutoFill, который просто скрывает мой AJAX AutoComplete div?

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

Answer 1

Simple. Чтобы отключить автозаполнение Chrome, откройте «Настройки» -> «Показать дополнительные настройки» -> «Найти раздел« Пароли и формы »->« Отключить автозаполнение », чтобы заполнить веб-формы одним щелчком». флажок.

Answer 2

Цель состоит в том, чтобы отключить всплывающее окно автозаполнения хром при вводе в поле «Город/Почтовый индекс *:», потому что мне нужно отобразить собственное всплывающее окно ajax с помощью списка городов.

Вот рабочий раствор, после многих часов поиска:

<form method="post" action=""> 
<br/><label for="address">Address :</label><input type="text" id="address" name="address" value=""> 
<br/><label for="address2"></label><input type="text" id="address2" name="adress2" value=""> 
<br/><label for="code"><input style="display:none" />Town/Zip Code* :</label><input type="text" id="code" name="code" autocomplete="off" value=""> 
<div style="display:none"><br/><label for="city"></label><input type="hidden" id="city" name="city" value="0"></div> 
<br/><label for="country">Country</label><select id="country" name="country"><option>France</option></select> 
<br/><input type="submit" name="valider" value="ok"> 
</form> 

Объяснение: Chrome является разбор имен полей, значения полей и меток предшествующих полей. Если он обнаруживает, что слово «Адреса/Города/Zipcodes» совпадает с вашей формой, он позволяет автозаполнение и всплывающее окно автозаполнения для всех полей ...

Поэтому я переименовал поле ввода и метку с «code» вместо «zipcode», я добавил «<input style="display:none" />» перед текстом ярлыка zipcode, и он сработал! Существуют и другие решения, такие как удаление ярлыков, изменение имени ввода/идентификатора, добавление тегов <td>.

Надеюсь, это поможет!