Javascript 如何防止浏览器在页面刷新时重新设置输入？

正如您所知，当我们在HTML表单中输入内容时（复选框、输入或文本区域），当我们刷新时（例如使用f5），Firefox会设置填充值。我应该做些什么来防止这种情况

---

我希望我的所有字段都是空的，并且默认复选框会在所有页面中选择输入，但当我重新加载时，浏览器会将它们设置为填充值。

如果所有输入字段都在表单字段中，您只需使用

.reset（）

并在页面加载后运行它即可重置所有表单字段

if (document.readyState === "complete") {
 document.getElementById("myForm").reset();
}

---

您可以向表单元素添加属性

autocomplete=“off”

。但它也会在聚焦表单输入后禁用自动完成表单输入。这可能是不需要的。

使用表单标签中的它

<form autocomplete="off" action="#" method="get">

对于fire fox，您应该尝试它（单个表单输入）

您可以使用jQuery：

$(function () {
  $('#inputId').val('');
});

---

使用Javascript迭代并清除它们。我不想清除它们，我想要它们的默认值，我得到了数百页，因此我无法为每个页面编写脚本。虽然可以工作，但它需要重写所有输入和表单，我尝试在文档准备好后添加此属性，但它似乎不能以那种方式工作在您所需的事件上调用此函数，如（onload，reset）=>函数autocompleteoff（）{$（“表单输入”）.attr（“autocomplete”，“off”）；}它可以工作，但需要重写所有输入和表单，我尝试在文档准备就绪后添加此属性，但似乎无法以那种方式工作是的，不幸的是，JS分配自动完成关闭不起作用。Firefox会先填充它们。我没有任何其他的JS解决方案。如果可能的话，我会尝试批量搜索和替换（例如在VS代码中）添加AutoStutial=“off”来形成元素（设置输入不必要），而不是在脚本中添加属性，可以考虑在加载后将脚本中的表单添加到DOM中，但我想您需要一个合适的构建环境来更改所有页面。另一方面，为什么要让你的用户更难…请添加更多的注释来解释你提供的代码

$(function () {
  $('#inputId').val('');
});