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

我想“在点击”后退“按钮时”阻止浏览器预填表格输入“.实际上,我希望填充初始值(通过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类似,因此仍然是浏览器行为的解决方法,但它是标准表单的一个(旧的)部分,我认为它只需很少的额外代码(不需要数据 – *)属性),所以想把它扔出去.

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些