Question

我在文本区域中遇到自动填充问题。

我的表单有一个字段是textarea元素，当我填写此表单并提交。它重定向到另一个页面。然后当我点击chrome web浏览器中的“后退”按钮时。它回到表单，这个表单中的每个字段都是空的，除了textarea字段。

我设置了textarea字段autocomplete=off的自动完成属性

但没有任何反应

用户点击chrome web浏览器的“后退”按钮后，请帮我清除textarea字段的输入数据。

Answer 1

在当前浏览器中，当您按后退或前进按钮时，不会重新加载页面。如果您想在用户点击后退或前进按钮时执行某些操作，则需要收听BFCache(Back-Forward Cache) pageshow和pagehide个事件。例如，您可以在用户单击后退或前进按钮时重置表单，如;

$(window).bind("pageshow", function() {
    var form = $('#your_form_id'); 
    form.reset();
});

Answer 2

'autocomplete'是非标准属性。

要关闭自动填充功能，您需要使用javascript。

if (document.getElementsByTagName) {

var inputElements = document.getElementsByTagName(“input”);

for (i=0; inputElements[i]; i++) {

if (inputElements[i].className &&(inputElements[i].className.indexOf(“disableAutoComplete”) != -1)) {

inputElements[i].setAttribute(“autocomplete”,”off”);

}

}

}

此外，如果您使用的是HTTPS网站，大多数浏览器都会自动关闭自动填充功能。
请查看这些开发者网站以获取更多信息：
- Microsoft Developer Network
- Mozilla Developer Network

Answer 3

据我所知，自动完成是浏览器的事情，我不确定你可以关闭它...尝试在页面加载时将其文本/值设置为空字符串

textarea中的HTML自动完成属性

3 个答案: