如何解决input输入时存在浏览器缓存问题？

于 2024-06-19 15:40:00 发布
阅读量542 收藏
点赞数 1
分类专栏： HTML/CSS 文章标签： 前端 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29493173/article/details/139804597
版权

浏览器有时会在你输入表单过后缓存你的输入，有时候能提供方便。
但是在某些新建或新页面情况下出现历史的输入信息，用户体验很差。
在这里插入图片描述

解决方案

  1. 设置 autocomplete关闭 ：<input type="text" autocomplete="off">
  2. 增加readonly属性：<input type="text" readonly />
  3. （不推荐）谷歌浏览器手动设置：chrome://settings/autofill，或清理浏览器缓存
你脸上有BUG
关注
专栏目录
清除input的缓存
Servenity
05-26 5732
有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，那么如何让input表单输入框不记录输入过信息的方法呢？ 方法一： 在不想使用缓存的input中添加 autocomplete="off" 例如
使用JS对HTML输入框做动态本地缓存
changshanchangqin的博客
02-21 952
在HTML中使用JS对输入框做动态本地缓存
前端解决使用input框的自动填充和浏览器缓存密码问题
朱远辉的博客
09-19 2766
前端解决使用input 框的自动填充和浏览器缓存密码问题
html input 禁用缓存
热门推荐
静艺的专栏
09-04 2万+
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一：  在不想使用缓存的input中添加 autocomplete="off";  eg: 方法二：  在 input 所在的form标签中添加 autocomplete="off";  eg: 方法三
清除JSP中input输入框的缓存
qq_36816062的博客
01-16 1608
清除JSP中input输入框的缓存 多数浏览器默认会缓存input输入框的值，只有使用Ctrl+F5强制刷新才可以清除缓存记录 如果不想让浏览器缓存input的值，有两种方法： (1)在不想使用缓存的input中添加autocomplete=“off”,例如： <input type="text" name="name" autocomplete="off"/> (2)在input所在的form标签中添加autocomplete=“off”;例如： <form action="###"
input缓存影响输入
楚辉的博客
07-17 243
禁用html5中自动完成功能，添加autocomplete=“off”
html禁止清除input文本输入缓存的两种方法
12-13
　如果不想让浏览器缓存input的值，有2种方法： 　方法一： 　在不想使用缓存的input中添加 XML/HTML Code复制内容到剪贴板 autocomplete="off";eg: <input type="text" autocomplete="off" name="test" /...
解决Chrome浏览器缓存对input样式影响
weixin_38216116的博客
09-06 2464
1.可以在不需要默认填写的input框中设置 autocomplete=”new-password” 2.修改readonly属性 &lt;input type="password" readonly onfocus="this.removeAttribute('readonly');"/&gt; 通常我们会在form表单上加入autocomplete=”off” 或者 在输入框中加入...
input-range-scss：使用Sass设置跨浏览器兼容范围输入的样式
02-02
研究如何使用autoprefixer或手动添加浏览器前缀来解决兼容性问题。 4. **npm集成**：学习如何将Sass项目配置为使用npm脚本进行编译，如通过`npm install`安装Sass依赖，然后通过`npm run build`来编译Sass文件。 5...
解决浏览器缓存导致登录异常的方法
[解决浏览器缓存导致登录异常的方法](https://img-blog.csdnimg.cn/203863679e6b46dbb0c4c9d0b409b2fb.png) # 2.1 什么是浏览器缓存 浏览器缓存是浏览器将之前请求过的资源保存在本地，以便在之后的请求中能够更快...
前端缓存问题： input框缓存提示问题的解决过程
爱吃早餐的程序员
12-18 1954
问题： 在input输入框的下面会经常出现之前输入的值，在一些场景中我们输入日期的时候是不愿意把之前缓存的值展示的，这个问题困扰了很久，现在才找到解决办法。 解决方案 在html 页面加上下面一行代码 <meta http-equiv="Cache" content="no-cache"> ...
input 缓存值清理
︶￣城南花已开
10-21 1190
清理input前几次缓存的输入值，有两种办法： 1 在input 后边添加 autocomplete=“off” <input id="imei" name="imei" type="text" placeholder="" autocomplete="off" /> 2 在form 后边添加 autocomplete=“off” <form id="signupForm" autocomplete="off"> ...
解决input框中有缓存值的问题
ZHW_CSDNOne的博客
12-11 1057
直接在input框内加上autocomplete="off" autocomplete="off"
Firefox的input缓存
陌阡博客
08-22 3820
Firefox的input缓存 发布时间：2012-02-09 发布来源： ？ 劳动者的组织性、规律性、刚毅精力以及同全世界劳动者的连合一致，是取得最后成功的包管。　 开辟过程傍边碰到了一个很诡异的题目：有一个元素，办事器生成页面后，呈现了input域的value值与后台数据不一致的景象，并且跟前次页面的值一样。  经由过程查看生成页面的源代码，可以看到html代码
解决使用input 框的自动填充和浏览器缓存密码问题
l5410的博客
11-29 2518
解决使用input 框的自动填充和浏览器缓存密码问题
缓存、input小事项
weixin_57956873的博客
04-15 124
开发时的小注意点
Html 禁用浏览器缓存 input值
baidu_23275675的博客
10-13 1241
如果不想让浏览器缓存input的值，有2种方法： 方法一：  在不想使用缓存的input中添加 autocomplete="off";   &lt;input type="text" autocomplete="off" name="name" /&gt; 方法二：  在 input 所在的form标签中添加 autocomplete="off";  &lt;form ac
html禁止Input文本输入缓存的两种方法
小鱼尔呀
06-22 9222
默认情况下大多数的浏览器都会缓存input输入框的值，当输入框获取焦点时缓存值就会出现，我们只能通过清除浏览器的缓存来清除输入框的缓存值，这里介绍两种去掉输入框缓存的方法： 1.方法一 在不想使用缓存的input中添加autocomplete="off"; 例如：&lt;input &lt;span style="color:#000000;"&gt;&lt;input type="te...
el-input自动填充浏览器缓存数据 使用autocomplete=“off“不生效
最新发布
qq_34629527的博客
04-08 642
el-input自动填充浏览器缓存数据
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你脸上有BUG

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值