刪除Chrome的自動填充彈出窗口

Question

當我在Chrome中填充文本輸入時（可能在FireFox和Internet Explorer中也是如此），我將看到一個自動填充彈出窗口，該彈出窗口隱藏了我的自動完成AJAX彈出窗口。 見下面的照片。

我嘗試添加autocomplete="off"但是它什么也沒做，我了解到現代瀏覽器不再將這些因素考慮為autocomplete="off"了。

如何禁止Chrome彈出僅隱藏AJAX自動完成div的無用AutoFill div？

我的問題是自動填充彈出窗口，而不是自動完成功能...

Answer 1

目的是在輸入名為“鎮/郵政編碼*：”的字段時禁用Chrome自動填充彈出窗口，因為我需要顯示帶有城市列表的自己的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正在解析字段名稱，字段值和前面字段的標簽。 如果他檢測到單詞“ Adresses / Cities / Zipcodes”的詞法字段與您的表單匹配，他將為所有字段啟用自動完成和自動填充彈出窗口...

因此，我用“代碼”而不是“郵政編碼”重命名了輸入字段和標簽，在郵政編碼標簽文本之前添加了“ <input style="display:none" /> ”，它可以正常工作！ 還有其他解決方案，例如刪除標簽，更改輸入名稱/ ID，添加<td>標簽。

希望對您有所幫助！

Answer 2

簡單。 要關閉Chrome的自動填充功能，請依次轉到設置->單擊“顯示高級設置”->查找密碼和表單部分->取消選中“啟用自動填充功能，只需單擊一下即可填寫網絡表單”。 復選框。