浏览器不保存输入框的数据

最新推荐文章于 2022-06-21 10:54:18 发布
最新推荐文章于 2022-06-21 10:54:18 发布
阅读量2.9k 收藏
点赞数 1
分类专栏： Web 前端 文章标签： 浏览器不保存输入框的数据 input不保存数据 input隐藏输入过的数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jim_LoveQ/article/details/91444140
版权
前端 同时被 2 个专栏收录
39 篇文章 0 订阅
订阅专栏
Web
8 篇文章 0 订阅
订阅专栏

现在的项目中，所有的页面在在input的中输入过的数据会被浏览器保存着，点击或者双击input就会出现之前输入过的数据。

现在需要让浏览器不保存这些数据，尤其是在登录页面不能保存这些数据。

在input中添加这个参数：autocomplete=”off”就可以的了

<input type="text" style="width:150px" size="25" id="corpid" name="corpid" autocomplete="off"/>

设置之前：双击输入框就会有下拉框显示之前输入过的数据
在这里插入图片描述

设置之后，无论怎么点击都不会出现之前的数据的了
在这里插入图片描述

Jim~LoveQ
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Copy X 收藏集-1.1.4.zip
12-30
名称：Copy X 收藏集 ---------------------------------------- 版本：1.1.4 作者：http://aa-zz.cn/apps/ 分类：生产工具 ---------------------------------------- 概述：复制即收藏，有文字有链接。 Copy X 是一个可以处理数据的剪贴板应用，持久保存您复制的文字信息。 描述： 复制即收藏，有文字有链接。 CopyX是一个可以处理数据的剪贴板应用，持久保存您复制的文字信息。功能大致如下： 「保留更多信息」 当您在网页中复制文字时，CopyX不仅仅只是保存选中的文字，还同时保存了当前网页的网址。另外，单击可以复制，鼠标拖动到输入框可以自动填充。CopyX默认只保存当前浏览器网页上复制的内容，如果需要保存其他地方复制的内容，请在设置中开启「全局模式」； 「数据预处理」 在检测到复制行为之后将可以自动进行字符替换、字符添加等操作，更可以将处理完成的结果再次复制到系统剪贴板（请在处理选项中开启），粘贴即是不一样的内容； 「别样编辑能力」 对保存在CopyX中的内容编辑时，
文本框不缓存上一次的输入记录
dongnihao的博客
02-25 514
<input type="text" name="name" autocomplete="off" > 写打印输入框时候突然想到这个问题，然后网上找了找，记一笔，以防以后忘记了。
【转载】html文本框(input)不保存缓存记录
不懂love的博客
10-25 1万+
html文本框(input)不保存缓存记录 有的时候js往文本框里赋值，结果在火狐中刷新后，刚才赋的值还在，导致好多麻烦的事情，现总结一下解决办法如下： 上面是一种情况，再就是有的时候一个表单提交后，再回来输入会缓存有以前的记录，像这解决办法如下：      function   fnSaveForm(){         window.external.AutoCompleteSave
Copy X-crx插件
04-03
语言:English,中文 (简体) 可以处理数据的剪贴板 Copy X 是一个可以处理数据的剪贴板应用，持久保存您复制的文字信息。功能大致如下：「保留更多信息」当您在网页中复制文字时，Copy X 不仅仅只是保存选中的文字，还同时保存了当前网页的网址，双击 Copy X 中的列表即可打开对应的网址。另外，单击可以复制，鼠标拖动到输入框可以自动填充。Copy X 默认只保存当前浏览器网页上复制的内容，如果需要保存其他地方复制的内容，请在设置中开启「全局模式」；「数据预处理」在检测到复制行为之后将可以自动进行字符替换、字符添加等操作，更可以将处理完成的结果再次复制到系统剪贴板（请在处理选项中开启），粘贴即是不一样的内容；「别样编辑能力」对保存在 Copy X 中的内容编辑时，除了常规的字符编辑框，还支持对文本进行切割、提取，之后再进行合并，从而制作出一份新的文本；「自定义合并」选中多个文本，点击合并，这时可以先对每一个文本进行字符替换、字符添加，然后再选择文本间的连接方式（比如换行、空格或者其他字符），最终实现将多个文本合并为一个；「常用信息」我们难免会需要在网页或者其他软件中填写一些诸
Avant Browser 多语言版 2010 build 120
09-14
软件名称：Avant Browser 软件版本：2010 build 120 见议分类：网络工具-> 主页浏览 联系EMAIL：[email protected] 软件网站：http://www.avantbrowser.com 软件容量：安装版：2188kb 便携版： 2697kb 多国语言版：2575kb 插件情况：无插件 软件类型：国外软件 / 简体中文 / 软件授权：免费软件 应用平台：Win95/98/NT/2000/2003/XP/win7/vista 界面预览：http://www.avantbrowser.cn/img/interface.jpg 软件介绍： Avant浏览器的用户友好界面为你浏览体验带来清晰而有效的全新体验，频繁的升级稳步的提高了他的可靠 性。 多进程：多进程的设计给你带来不崩溃、不死锁、没有内存泄露的网络浏览器体验和高稳定性。当一个标签死锁的时候 ，他不会导致你整个浏览器没响应或者其他页面死锁。 在线书签：通过Avant的在线存储可以任何地方，办公司、家里、网吧访问你的书签，而且不需要担心重装系统时丢失 数据。加密的独立书签文件格式可以在公用电脑上保护你的隐私。 自动填充：忘记了网页密码？Avant浏览器可以为你记住密码。你只需要简单的一击就可以填写网页表格。并且你可以 设置一个主密码来保护你的所有的表单信息。 Flash动画过滤：正在经历使用GPRS/3G连接网络时网页加载速度慢？网页中85%以上的flash动画都是广告。这些flash 文件相当大，通常占你所访问网页大小的90%以上。使用Avant浏览器你只需要简单的一击就可以通过阻止下载这 些Flash文件来节省带宽。 广告/弹窗过滤器：点击一下鼠标轻松过滤不需要的广告横幅和弹出页面。 鼠标手势：如果你在网页上点击鼠标中键，链接会在一个新窗口中打开并在后台运行。这个功能在打开论坛帖子的时候 非常有用。Avant 浏览器同样具有自定义鼠标手势的功能，使用这种功能，你可以移动鼠标，轻松操作浏览器。 隐私浏览：作为一个隐私模式的设计，Avant浏览器不会在你的电脑中保存网页数据。因此，在你使用隐私浏览期间， 与你共用电脑的人将不能看到你访问过哪些网站、网页和文件。 更新日志： [修复]内容窗口可能定在桌面上而不跟随住窗口移动 [修复]按Alt 键会使页面输入框失去焦点 [修复]从其他应用程序切换回来时，用Ctrl+N可能无法使地址栏获得焦点 下载地址： 安装版：http://www.avantbrowser.com/release/abcn.exe 便携版： http://www.avantbrowser.com/release/AvantChs.exe 多国语言版：http://www.avantbrowser.com/release/absetup.exe
CSS＋JS实现浏览器不保存用户名密码
cc
06-19 1387
因为信息安全问题，客户要求在输入密码的时候，不让浏览器弹出是否保存用户名密码的框框..... 调查发现只要将input的type指定为password就会提示，所以想了这么个办法... 只试过IE11+Chrome，其他浏览器不知道好不好用....[笑哭][笑哭][笑哭] 要是有人尝试的话，麻烦告诉我一下...[捂脸][捂脸][捂脸] <el-input type="text" v-model="password" id="password" autocomplete="new passwo
搜狗浏览器验证码无法显示_html禁止浏览器文本框填充，烦人的记录都走开
weixin_39933895的博客
12-01 464
当满足以下2个条件时；浏览器会自动记录输入过的值；当用户再次输入的时候就能自动完成；1：input标签在form标签下；2：点击了此form标签下的submit按钮；具体的表现形式如下图；浏览器自动显示输入过的值后会遮挡到下面的验证码；对于我这种记性差到即便只有这4个数字都懒得记；非要边看着验证码边输入的人是无法忍受的；额；好吧；我承认记性是躺枪的；主要是懒；如果说验证码这个示例你能忍受的话；那么...
Chrome浏览器取消输入框记录表单输入历史
zhansan的博客
06-21 2573
Chrome浏览器取消输入框记录表单输入历史
input text 不保存输入框输入的数据（不显示输入的历史记录）
langmnm的博客
02-18 3223
各别的浏览器，当之前的text框输入了数据后，下次输入有历史记录问题。 使用下面的方式可不保存历史记录： 1. ASP.net textbox AutoCompleteType="Disabled" 2. HTML [code="html"] //alert(document.testForm.test...
不记录input输入框之前输入的信息
qq_41348029的博客
08-01 8897
在表单的设计过程中，当我们在浏览器表单输入信息的时候，input文本框会保存之前提交的表单信息，当我们双击input文本框时之前输入的文本就会出现，当然，这仅在某些时候用到，但是这样会很容易暴露用户的隐私。要使input表单输入框不保存之前输入过的信息，有两种方法可以实现。 方法一：在不想使用缓存的input中添加 autocomplete="off"。 方法二： 如果整个表单元素都不使用a...
傲游浏览器3(Maxthon) 3.1.8.1000 正式版
09-28
傲游3浏览器内置云端广告过滤系统，强大而易用，确保用户在浏览网页时不受任何广告的骚扰。 傲游3浏览器界面简洁美观，布局合理。傲游3功能丰富，拥有在线收藏、鼠标手势、广告过滤、智能地址栏、多重搜索、页面...
搜狗浏览器4.0b
09-07
7. 优化了浏览器收藏导入功能，可在导入时去除无效和冗余的数据，使导入的收藏更贴近用户需求。 1. 优化了浏览器双核选择逻辑，使浏览器双核切换更加智能。 2. 修复了因flash导致的静音问题。 3. 修复了部分站点无法...
js-实现 Web 离线存储localForage
rsylqc的专栏
04-14 972
转：http://www.cnblogs.com/lhb25/p/localforage-offline-storage-improved.html Web 应用程序有离线功能，如保存大量数据集和二进制文件。你甚至可以做缓存 MP3 文件这样的事情。浏览器技术可以保存离线数据和大量的储存。但问题是，如何选择合适技术，如何方便灵活的实现。　　如果你需要开发一个支持离线存储的 Web 应用程序，不知道
js代码将用户的session信息以及缓存信息全部清空_Python Flask微信小程序登录流程及登录api实现代码
weixin_39786617的博客
11-26 512
1、小程序端调用wx.login2、判断用户是否授权3、小程序端访问 wx.getUserInfo4、小程序端js代码：+当然小编这里也准备一份适合你的学习资料爬虫 ，web开发的学习资料视频教程，私信小编“01”都可以免费获取！这些书籍都是可以私信小编“01”免费领取的！wx.login({ success: resp => { // 发送 res.code 到后台换取 openId, s...
js案例----本地持久化存储登录注册
taozi8957的博客
10-31 1051
本地持久化存储登录注册
解决文本框刷新后之前输入的值还存在，没有清空的问题
热门推荐
3月3的风筝
09-25 2万+
有过表单设计经验的朋友肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以今天就教大家让input表单输入框不记录输 入过信息的方法。     其实方法很简单，只需要在input文本输入框中加一条属性autocomplete="
图解IE浏览器下，如何保存输入记录
至臻至善
04-21 9537
第1步：浏览器的设置打开（图①所示） 第2步：浏览器的Internet选项打开（图②所示） 第3步：Internet选项的内容打开（图③所示） 第4步：内容的自动完成的设置打开（图④所示） 第5步：自动完成设置的表单和搜索(F)勾选上（图⑤所示） 第6步：确定按钮按下，重新打开浏览器即可 ...
reason: getaddrinfo EAI_AGAIN registry.npmjs.org
Jim~LoveQ的博客
05-27 2万+
reason: getaddrinfo EAI_AGAIN registry.npmjs.org异常分析 一、今天更新了项目到最新版本后，需要更新一下依赖包，但是使用npm install的时候出现问题了 npm ERR! code EAI_AGAIN npm ERR! errno EAI_AGAIN npm ERR! request to https://registry.npmjs.org/@react-pdf%2frenderer failed, reason: getaddrinfo EAI_AGA
html页面输入框内容保存
最新发布
05-29
要保存 HTML 页面输入框的内容，可以使用 JavaScript 代码来获取输入框的值，然后将其存储在本地或远程服务器上。 以下是一些常用的方法： 1. 使用本地存储（localStorage）： 可以使用localStorage对象将输入框的值保存在本地浏览器中，以便在用户下次访问该页面时恢复值。示例代码如下： ``` // 保存输入框的值 localStorage.setItem('inputValue', document.getElementById('inputBox').value); // 恢复输入框的值 document.getElementById('inputBox').value = localStorage.getItem('inputValue'); ``` 2. 使用Cookie： 可以使用Cookie将输入框的值保存在用户的浏览器中，并在用户下次访问该页面时恢复值。示例代码如下： ``` // 保存输入框的值 document.cookie = 'inputValue=' + document.getElementById('inputBox').value; // 恢复输入框的值 var value = document.cookie.replace(/(?:(?:^|.*;\s*)inputValue\s*\=\s*([^;]*).*$)|^.*$/, "$1"); document.getElementById('inputBox').value = value; ``` 3. 使用 AJAX 发送数据到服务器： 可以使用 AJAX 将输入框的值发送到服务器上，然后在用户下次访问该页面时从服务器获取该值。示例代码如下： ``` // 保存输入框的值 var xhr = new XMLHttpRequest(); xhr.open('POST', 'http://example.com/save_input_value.php'); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('inputValue=' + document.getElementById('inputBox').value); // 从服务器获取输入框的值 var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://example.com/get_input_value.php'); xhr.onload = function() { document.getElementById('inputBox').value = xhr.responseText; }; xhr.send(); ``` 以上是一些常用的方法，具体方法可根据需求选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值