如何使表单数据在“从缓存重新加载”时持续存在

Posted 2023-02-22

【中文标题】如何使表单数据在“从缓存重新加载”时持续存在

【英文标题】：How to make form data persist on "reload from cache"

【发布时间】：2014-04-06 08:34:34

【问题描述】：

我正在做一个网站。这是一个简单的个人资料页面。我没有任何子页面，我只做 3 个 div 并更改它们和 css。

但是因为它是一个单选集，如果您从缓存刷新页面 (f5) 或复制选项卡，或者按后退/前进，表单数据将保持不变，因此它会显示正确的 div。这是很好的行为。但是我只在 Firefox 中看到这个。

像谷歌浏览器这样的浏览器不会将表单数据保持在 (f5) 从缓存中刷新，但它会清除表单数据（就好像它是从服务器重新加载一样）。如何让表单数据在此浏览器的缓存中重新加载时保持不变？

如果您想了解我的意思，请点击这里：http://noitidart.github.io/

我了解人们有时想要与我所寻找的相反的行为。他们希望即使在重新加载时也能清除表单（就像 Chrome 目前所做的那样），但这很容易确保在 Firefox 中只需在头部添加 document.form.reset()。

【参考方案1】：

Firefox 可以在重新加载时恢复表单数据值（无需 Shift 或 CTRl；）。 Google Chrome 中缺少此功能。

我发现了这个： autocomplete="off" https://github.com/pradosoft/prado/issues/642 也许autocomplete="on" 会实现它？ ：） 我不知道。 ***.com 也使用它。

【讨论】：

有趣的感谢分享这个方向。我不知道它是否是一个解决方案，但 +1 表示指导。