我在 Firefox 中保留用户在重新加载时填写的数据的功能存在一个大问题 F5。如果我使用 Ctrl+F5 表格将被清除，这很棒。我的问题是，并非所有用户都知道这是他们必须执行的强制输入清理操作。有没有办法在 html 或响应标头中告诉 Firefox 不要将数据保留在表单中？
【问题讨论】：
只需将autocomplete="off" 添加到您的输入中即可解决问题。
<input type="text" autocomplete="off">
jQuery 在所有输入和文本区域上解决这个问题
$('input,textarea').attr('autocomplete', 'off');
【讨论】：
您也可以像这样将属性添加到表单元素，而不是遍历所有输入：
<form method="post" autocomplete="off">...</form>
但是上面提到的关于 domReady 的方法对我不起作用...
【讨论】：
如果您想保留浏览器的自动完成功能（请参阅其他有效答案），请尝试将 name 属性添加到表单并给它一个随机值。它对我有用：
<form id="my-form" name="<random-hash>">
...
</form>
【讨论】：
我认为更简单快捷的方法是
$('input,textarea').attr('autocomplete', 'off');
【讨论】：
/*reset form elements (firefox saves it)*/
function resetElements()
{
var inputs = document.querySelectorAll('input[type=text]');
//you get the idea.....you can retrieve all inputs by tag name input
for(var i = 0; i < inputs.length; i++) {
document.getElementsByTagName('input')[i].value = "";
}
var textareas = document.getElementsByTagName('textarea');
for(var i = 0; i < textareas.length; i++) {
document.getElementsByTagName('textarea')[i].value = "";
}
}
调用这个函数onload。
【讨论】：
autocomplete="off" 也禁用建议。
我尝试了上面的缩短解决方案，但它没有清除我页面上选择框的值。
最后我稍微修改了一下，现在页面上的所有输入类型都被清除了，无论类型如何：
var allInputs = $(":input");
$(allInputs).attr('autocomplete', 'off');
所以为了让这个 onload 运行，我只是把它放在 ready() 方法中：
$(document).ready(function () {
var allInputs = $(":input");
$(allInputs).attr('autocomplete', 'off');
});
【讨论】：
我发现对我来说唯一的解决办法就是这样做
document.forms[0].reset();
在页面早期准备好文档之前，正如上面@Marek 的评论中所建议的那样 - 不是很好但对我有用（通过 jQuery、JS 或 HTML 的自动完成属性方法最终没有为我修复它）
【讨论】：
只是为了搭载@jonnybradley 的解决方案（无法评论他的回答，因为我还没有足够的代表）：
这对我来说也很有效：
document.getElementById('theFormId').reset();
在 HTML 代码之后调用。
【讨论】：
我的一位同事建议我们应该使用随机字符串作为表单的名称。如果不使用表单的name 属性，它会很好地工作。
这是来自 sf1 表单构建器的示例：
public function renderFormTag($url, array $attributes = [])
{
..
$attributes['name'] = isset($attributes['name']) ? $attributes['name'] : bin2hex(random_bytes(16));
..
}
【讨论】：
隐藏输入字段也需要autocomplete="off"，以便在简单的页面重新加载 (F5) 时刷新它们
【讨论】：