html – 在点击“返回”按钮时禁用浏览器表单输入预填充自动填充功能

html – 在点击“返回”按钮时禁用浏览器表单输入预填充自动填充功能,第1张

概述我想“在点击”后退“按钮时”阻止浏览器预填表格输入“.实际上,我希望填充初始值(通过jsp添加),而不是浏览器的(缓存)值. 解决方案1:我发现可以通过禁用当前页面的浏览器缓存来完成此 *** 作.考虑到我“只”想要为“表单”禁用此预填充功能(因此仅禁用表单的缓存,而不是整个页面),这似乎是一个相当极端的解决方案. 解决方案2:然后,显而易见的下一个解决方案是使用javascript:即,将初始值存储在d 我想“在点击”后退“按钮时”阻止浏览器预填表格输入“.实际上,我希望填充初始值(通过Jsp添加),而不是浏览器的(缓存)值.

解决方案1:我发现可以通过禁用当前页面的浏览器缓存来完成此 *** 作.考虑到我“只”想要为“表单”禁用此预填充功能(因此仅禁用表单的缓存,而不是整个页面),这似乎是一个相当极端的解决方案.

解决方案2:然后,显而易见的下一个解决方案是使用JavaScript:即,将初始值存储在data- *属性中,然后,在页面加载时,如果它们不同,则将输入值替换为初始值.

这两种解决方案看起来都不完美(这些都是相当有效的)我转向你们希望听到一个更好的解决方案.

资源:

> How does SO’s form remember previous input values?
> Disable Firefox’s Auto-fill
> Pressing back prefills inputs with value from right before submit
> HTML form values and ‘Back’ button

解决方法 我想到的第一件事是使用< input type =“reset”>按钮.现在经常看不到这些,因为用户很少真的想要重置表单,但在这里它可能就是你需要的.

您也可以使用form.reset()在页面加载的JavaScript中执行此 *** 作;而不是为用户提供按钮.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.reset

这与您的解决方案2类似,因此仍然是浏览器行为的解决方法,但它是标准表单的一个(旧的)部分,我认为它只需很少的额外代码(不需要数据 – *)属性),所以想把它扔出去.

总结

以上是内存溢出为你收集整理的html – 在点击“返回”按钮时禁用浏览器表单输入预填充/自动填充功能全部内容,希望文章能够帮你解决html – 在点击“返回”按钮时禁用浏览器表单输入预填充/自动填充功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1104004.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存