html - 使用浏览器后退按钮返回时清除表单中的所有字段

Question

我需要一种方法来在用户使用浏览器后退按钮时清除表单中的所有字段。现在，浏览器会记住所有最后的值并在您返回时显示它们。

关于我为什么需要这个的更多说明我有一个禁用的输入字段，其值是使用算法自动生成的，以使其在特定数据组中唯一。一旦我提交了表单并将数据输入到数据库中，用户就不能再次使用相同的值来提交相同的表单。因此，我首先禁用了输入字段。但是如果用户使用浏览器后退按钮，浏览器会记住最后一个值，并且相同的值会保留在输入字段中。因此，用户可以再次提交具有相同值的表单。

我不明白的是当您按下浏览器后退按钮时到底发生了什么。如果页面大小在浏览器缓存限制内，则似乎整个页面都是从缓存中检索出来的，而无需联系服务器。当您按下浏览器后退按钮时，无论浏览器设置如何，如何确保从服务器加载页面？

Answer 1

另一种不用 JavaScript 的方法是使用 <form autocomplete="off">以防止浏览器使用最后的值重新填充表单。

另见 this question

仅使用单个 <input type="text" 进行了测试> 在表单内，但在当前的 Chrome 和 Firefox 中工作正常，不幸的是在 IE10 中不工作。