去掉input输入框输入缓存

最新推荐文章于 2024-06-26 11:30:59 发布
最新推荐文章于 2024-06-26 11:30:59 发布
阅读量3.5k 收藏 2
点赞数 1
分类专栏： html 文章标签： input输入框 input输入缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ytangdigl/article/details/105763392
版权

1、如下图 input输入框会有输入缓存，之前输入的内容会有下拉提示，如何才能去掉输入缓存呢

在这里插入图片描述

2、添加autocomplete=“off”，input输入框的输入缓存就会去掉如下图，右边input输入框获取到光标时，不再有之前的历史记录提示。

在这里插入图片描述

3、http://jsrun.net/ 网友推荐的在线代码编辑器，支持html、Java、Python、C++等，很不错，和大家分享一下，在此也感谢一下粉丝 lohiecan的推荐和分享。

在这里插入图片描述

蔚蓝色天空sky
关注
专栏目录
清除input的缓存
Servenity
05-26 5699
有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，那么如何让input表单输入框不记录输入过信息的方法呢？ 方法一： 在不想使用缓存的input中添加 autocomplete="off" 例如
解决Chrome浏览器缓存对input样式影响
weixin_38216116的博客
09-06 2445
1.可以在不需要默认填写的input框中设置 autocomplete=”new-password” 2.修改readonly属性 <input type="password" readonly onfocus="this.removeAttribute('readonly');"/> 通常我们会在form表单上加入autocomplete=”off” 或者 在输入框中加入...
input 取消自带缓存
SuperChen12356的博客
04-23 503
autocomplete=“off” 加上这个则缓存取消 <input type="text" name="title" id="title" lay-verify="required" lay-reqtext="名称不能为空" placeholder="请输入名称" value="" class="layui-input" autocomplete="off">
禁止浏览器对input的自动填充和填充提示(适用于谷歌、火狐、Edge(原IE浏览器)等常见浏览器)
最新发布
qq_51667621的博客
06-26 4017
解决input在不同浏览器中自动填充以及填充提示的问题，以谷歌、火狐、Edge(原IE)等浏览器为例，禁止出现自动填充，提高用户隐私和网站的安全性。
去掉input中的缓存值
weixin_44703304的博客
04-18 2655
input默认的输入框会保留上一次的缓存值，但有时候我们不想看到缓存值，可以给input加一个自动记忆缓存值的属性，并设置为关闭状态，这样输入框就不会有缓存值了！这个属性就是autocomplete <input name="title" minlength="2" type="text" autocomplete="off"> 或者可以将input外面的form标签设置为off &...
在vue中怎么清除input的缓存
weixin_42601608的博客
01-11 969
在 Vue 中可以使用 v-model 指令来实现绑定 input 和 data 中的变量，当绑定的变量值发生改变时，input 中的内容也会跟着改变。如果想要清除 input 缓存，可以在 JavaScript 中将绑定的变量设置为空字符串或其它初始值。 示例: <template> <div> <input v-model="inputValue" ...
去除输入框input的缓存提示、自动填充
Baby_加油_的博客
11-13 3756
1.input框的缓存提示 清除方法： 在不想使用缓存的input中添加 autocomplete=“off”; 在 input 所在的form标签中添加 autocomplete=“off”; 2.input框的自动填充 当“密码”那项input的type改成password的时候 chrome浏览器对type="password"进行了识别，并把"密码"项进行了填充，并且把"密码"项前...
【转载】html文本框(input)不保存缓存记录
不懂love的博客
10-25 1万+
html文本框(input)不保存缓存记录 有的时候js往文本框里赋值，结果在火狐中刷新后，刚才赋的值还在，导致好多麻烦的事情，现总结一下解决办法如下： 上面是一种情况，再就是有的时候一个表单提交后，再回来输入会缓存有以前的记录，像这解决办法如下：      function   fnSaveForm(){         window.external.AutoCompleteSave
让输入框关闭自动完成（AutoComplete）功能
09-28
通过设置input元素的autocomplete属性为"off"，我们可以为用户带来更加安全的数据输入体验。然而，随着网络环境的日益复杂，安全防护也需要多层次、多角度的综合考虑，才能确保用户数据的万无一失。
html5 语音输入小话筒,HTML5语音输入方法
weixin_42354992的博客
05-30 1143
谷歌的网站是时逛时新啊，今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单只需要在input添加属性x-webkit-speech即可，例子如下：这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。语音输入其他属性：lang:这玩意可以强制输入框里面的语音的语言种类，...
html input 禁用缓存
热门推荐
静艺的专栏
09-04 2万+
多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一：  在不想使用缓存的input中添加 autocomplete="off";  eg: 方法二：  在 input 所在的form标签中添加 autocomplete="off";  eg: 方法三
js实现input输入框输入信息后出现下拉选择框
08-17
js实现input输入框输入信息后出现下拉选择框，下拉框的数据源可以使根据输入的值从数据库中动态获取
input的缓存清除
wenaibing的博客
03-03 3186
方法一： 在不想使用缓存的input中添加 autocomplete="off" 例如 名字：&lt;input type="text" name="FirstName" value="" autocomplete="off" /&gt;&lt;br /&gt; 姓氏：&lt;input type="text" name="LastNa
清除Input密码框的缓存方法
zhang150114的博客
04-24 1004
<input type="text" name="name" id="name" autocomplete="off" > 只需要在input密码框后面加上 autocomplete=“off” 属性即可。
禁止浏览器缓存input值
weixin_30814329的博客
10-12 337
如果不想让浏览器缓存input的值，有2种方法： 方法一：在不想使用缓存的input中添加 autocomplete="off"; <input type="text" autocomplete="off" name="test" /> 方法二：在 input 所在的form标签中添加 autocomplete="off"; <form actio...
去掉文本框输入缓存
tiantian5305的专栏
12-25 884
autocomplete="off"    去掉文本框输入缓存
禁止火狐浏览器缓存input的值
molaifeng的专栏
05-13 710
在input的属性里加上autocomplete="off"，再刷新页面时便不缓存input的值了
禁止input缓存
CHOUFENGDDDDDD的博客
01-13 141
在界面中 input缓存 影响界面效果 希望去除input缓存不出现下拉框 $("input").attr("autocomplete","off"); 这句代码则可以完美解决
html中input禁用缓存 使用标签 关闭 input 缓存
CHANGJIATENG的博客
02-15 750
input 中 禁用缓存 autocomplete="off"
微信小程序获取Input框内的值，将多条数据存储在缓存总
06-12
在微信小程序中，可以通过 `bindinput` 事件来获取Input框内的值，再通过 `wx.setStorageSync` 方法将多条数据存储在缓存中。 示例代码： ``` <view> <input bindinput="onInput" placeholder="请输入内容"></input> <button bindtap="onSave">保存</button> </view> ``` ``` Page({ data: { inputValue: '', // Input框的值 dataList: [] // 保存的数据列表 }, // 输入框内容变化时触发 onInput(event) { this.setData({ inputValue: event.detail.value // 更新Input框的值 }) }, // 点击保存按钮时触发 onSave() { const { dataList, inputValue } = this.data if (!inputValue) return // 如果Input框的值为空，则不保存 dataList.push(inputValue) // 将新的数据添加到列表中 wx.setStorageSync('dataList', dataList) // 将数据列表存储在缓存中 this.setData({ inputValue: '' // 清空Input框的值 }) wx.showToast({ title: '保存成功', icon: 'success' }) } }) ``` 在上面的示例中，我们通过 `onInput` 方法来更新Input框的值，通过 `onSave` 方法来保存数据。在 `onSave` 方法中，我们首先判断Input框的值是否为空，如果为空则不保存。然后将新的数据添加到数据列表中，并调用 `wx.setStorageSync` 方法将数据列表存储在缓存中。最后清空Input框的值，并通过 `wx.showToast` 方法显示保存成功的提示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值