禁止浏览器缓存表单信息

最新推荐文章于 2024-03-07 13:33:37 发布
最新推荐文章于 2024-03-07 13:33:37 发布
阅读量850 收藏 1
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32403063/article/details/107967332
版权

天天忙啊忙又好久木有来更新了，最近在整前端相关时，有禁止浏览器缓存form表单信息的需求，以后在日常工作中可能也会用得到，便来记录并分享一下。

下面来记录并分享下禁止form表单的方法：

1、单个input框禁止缓存

input元素添加autocomplete="off"属性

2、整个form表单禁止缓存

form元素添加autocomplete="off"属性
清风自来&静等花开
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
F5刷新浏览器不缓存静态资源
nature502的专栏
11-25 2654
最近在优化线上的一个web站点，发现很多CSS和js按F5刷新的时候，不缓存，这个可是一个可以优化的点啊！ 第一反映就是检查是否配置了缓存，用浏览器查看response header如下： 看到这个response header 就更加让人奇怪了，明明配置了缓存，也配置了过期时间，为什么按F5刷新页面没有出现304 Not modify ? 然后想到找个缓存了的来对比下，正常缓存的res
浏览器缓存
Luckyzhoufangbing的博客
09-13 2339
1. 监听 storage 变动 （跨页签通信） window.addEventListener('storage', (event) => { console.log(event.newValue) }) 必须是同源的两个页面，拿vue脚手架为例 index.vue: <template> <div class="hello"> <input type="text" v-model="name"> <but
禁止表单自动提示缓存数据
weixin_34080903的博客
03-04 137
在 form 元素上加上 autocomplete="off" 这个，这样的话不管浏览器是否设置禁用自动完成，该 form 中都会被禁用。这个属性不是标准的属性，但是 IE 和 Firefox 均支持 转载于:https://www.cnblogs.com/mizzle/archive/2012/03/04/2379438.html...
防止浏览器记住表单信息
weixin_30877493的博客
04-20 215
有时候在做前端的时候，提交表单会被浏览器的记录下来，每次预览页面表单都会遗留信息，要测试表单提交的功能，都需要自己手动删掉表单内容，十分麻烦， 这里有各简单的方法，就是在在form里加入 autocomplete="off" 可以有效防止浏览器记住表单信息。 转载于:https://www.cnblogs.com/Qzhou/archive/2013/04/20/3031961.ht...
表单不缓存
yzbczq的专栏
08-01 366
有时候用javascript做一些应用,刷新页面后表单值不会清空.   可以用 form/input 标签的 autocomplete 属性.   设置它的值为 off 即可.     &lt;form autocomplete="off"&gt; &lt;input...&gt; &lt;input ...&gt; &lt;/form&gt;     不想用for...
表单重复提交2_禁止浏览器缓存
cnn0314的博客
03-09 1311
禁止浏览器缓存- 如何禁止浏览器缓存，网上搜到的解决方法都测试无效。 基本上全都是 Cache-Control: no-cache Pragma: no-cache Expires: 0 Google了一下，找到了解决方法。 设置response header 的效果就是 返回的时候一定是重新请求页面的。 Using PHP: header
js清除浏览器缓存的几种方法
12-08
浏览器缓存是网页加载速度的关键因素，它存储了用户访问过的网页资源，如HTML、CSS、JavaScript文件和图片...无论是通过修改HTML元信息、利用AJAX请求特性，还是在服务器端设置响应头，都有助于管理和清除浏览器缓存。
清除浏览器缓存的几种方法总结(必看)
09-01
浏览器缓存是网络浏览中的一个重要机制，它存储网页的静态资源，如图片、CSS样式表和JavaScript文件，以便用户再次访问同一网站时能快速加载页面，提升用户体验。然而，有时缓存可能会导致问题，比如当网页更新而...
如何禁止浏览器使用后退按钮功能
10-25
要实现禁止浏览器后退按钮功能，首先必须了解一个基本事实：我们无法直接禁用或禁止浏览器后退按钮的行为。因为后退按钮是浏览器的基本组成部分，完全控制它的行为并不属于Web页面开发者的权限范围内。然而，可以...
关于angularJs清除浏览器缓存的方法
10-18
然而，由于浏览器缓存机制的存在，有时会遇到旧的数据被加载，导致应用表现异常。本文将深入探讨如何在AngularJS中有效地清除浏览器缓存，确保用户始终获取最新的数据。 首先，理解浏览器缓存的基本原理是至关重要...
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 1725
form表单禁止浏览器自动填充密码
html中input禁用缓存 使用标签 关闭 input 缓存
CHANGJIATENG的博客
02-15 746
input 中 禁用缓存 autocomplete="off"
让浏览器不记住表单元素输入过的内容
duansamve的博客
04-29 1708
<div id="login"> <form id="login-form" method="post" class="form-horizontal" action="/bmpf/home/"> <div id="login-name">保密综合管理系统<div id="logo"><img src="{{STAT...
F5刷新表单页不能清空缓存
我的博客
05-02 1359
当我F5刷新表单页时，无法清空input框中的值。那是因为多数浏览器默认会缓存input的值，只能通过Ctrl+F5进行强制刷新餐能清空缓存记录。那有没有办法直接通过按F5进行清空呢？办法是有的。 不让浏览器缓存input的值的2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete=”off”; &lt;input type="text" autoco...
JS控制form表单提交时增加随机数参数，防止浏览器缓存，重复提交
蚂蚁的技术总结
11-23 8184
/*生成随机url参数*/ function getRandomP(){ return "_r=a&tmp="+ Math.round(Math.random()*100000); } //提交请求 $("#submitId").attr("disabled", true); tipsWindown("提示","text:操作执行中...","250","40","true","","true"
关于设置html不让浏览器进行缓存的问题
最新发布
qwguo
03-07 3106
我们现在在做vue，react等项目的时候，由于是单页面的纯前端项目，他们的入口文件往往都是静态的html单一文件。这里需要注意的是，取消缓存可能会增加服务器的负载，因为每次请求都需要从服务器重新获取内容。因此，在决定取消缓存时，请确保权衡利弊，并考虑使用适当的缓存策略来优化性能和用户体验。
css 不保存上次记录,css问题记录
weixin_30752995的博客
08-04 180
margin: 0 auto失效的原因元素没有宽度元素浮动元素绝对定位(脱离文档流)，注意：相对定位不会失效元素display属性为table-cell，table-cell元素对margin无感使absolute元素的文字内容宽度自适应absolute元素宽度高度并不能依据内容自适应。在元素只有文字内容时定位元素，发现出现中文排成了一列而不是一行的问题，可以通过强制文字不换行解决这个问题。.te...
javascript清除表单缓存- disable form caching
01-11 1446
表单缓存是指当用户在表单输入之后再次回到该表单的时候，浏览器会直接显示用户之前的输入。在大多数情况下这正是我们想要的，但也有些情况我们希望表单能够刷新，特别是根据后台刷新。我现在就遇到了这种问题：某网站有两个select box选择日期进行搜索，搜索结果还是返回相同页面。比如你先选择1月1号到1月2号，然后再选择2月3号到2月4号，这是如果用户点击后退，select还是会保持在2月3号到2月4号，
JSP防刷新重复提交数据策略与禁止后退缓存技巧
防止**网页后退**的一个常见方法是通过**禁止缓存**。在进行数据库操作的页面中，设置HTTP响应头，如`Expires`, `Cache-Control`等，使其在客户端不被缓存。这样用户即使按后退按钮，也会回到上一个非操作页面，从而...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值