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

标签 html forms

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

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

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

最佳答案

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

另见 this question

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

关于html - 使用浏览器后退按钮返回时清除表单中的所有字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8861181/

相关文章:

javascript - jQuery 将数据发布到下一页

javascript - 无需点击提交即可将表单转换为 Javascript

javascript - 如何在 Javascript 中获取文本字段值

javascript - 如何使用 JavaScript 将选定的 HTML 表格行值显示到输入类型单选和复选框中

html - 将锚定图像放置在电子邮件模板的表格背景之上

html - 需要帮助将我的图像对齐到右侧并使用内联 CSS 将文本环绕在它周围

mysql - Rails 中的复选框。插入的数据在mysql中为NULL

javascript - 涟漪效果CSS | ipad native 应用程序

javascript - 使用javascript jquery将html附加到具有指定类的按钮最接近的div

php/mysql 返回空集