禁止浏览器自动填充用户名密码

最新推荐文章于 2023-07-12 16:49:14 发布
原创 最新推荐文章于 2023-07-12 16:49:14 发布 · 237 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种防止浏览器自动填充用户名和密码的方法，在输入框中使用autocomplete属性设置为off。此方法已在Chrome和Firefox上验证有效。

有时页面字段不希望浏览器自动填充用户名和密码，可以在<input>中使用 autocomplete="off" 

测试对chrome和firefox有效，对IE没有测试。

怎么禁止浏览器自动填充账号密码？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
12-10 2527
问题 我们在有些场景下不需要浏览器自动填入账号密码，比如，你要修改你的账号密码，然后浏览器会自动给你填入其他用户账号的信息。 解决 我们可以写两个隐藏的输入框放在你写的输入框前面去欺骗浏览器，但是两个输入框不能用 display: none;，我试了一下，不生效，所以我采用了将其宽高设置为0的方式，实现如下： <!--禁用自动填充密码--> <input type="text" placeholder="请输账户" class="fake-input"/> <input ty
自动完成功能(2.0)TextBox的AutoCompleteType设为Disable,自动提示便不会出现
02-11
自动完成功能(2.0)TextBox的AutoCompleteType设为Disable,自动提示便不会出现! 很值得下载看看!资源免费,大家分享!!
AutoCompleteType
blogxiaxinhaha
10-20 536
<br />在开始给窗体填充信息时，在文本框的下面会显示一个智能的下拉列表，其中显示了前一个窗体中输入的值，当前处理的纯文本框就变成了一个智能文本框，TextBox控件一个很好的新增元素是AutoCompleteType属性，他允许对窗体应用自动完成功能，并帮助用户识别他们需要的信息。
TextBox..::.AutoCompleteType 属性
huazi123654的专栏
12-24 1335
  获取或设置一个值，该值指示 TextBox 控件的 AutoComplete 行为 命名空间：  System.Web.UI.WebControls程序集：  System.Web（在 System.Web.dll 中）  语法 Visual Basic（声明）False)> _Public Overridable Property AutoCo
去掉文本框中的自动提示
#7的博客
05-11 4558
html ：将input元素的autocomplete属性设置为off可以关闭自动提示 &lt;input type="text" name="name" autocomplete="off"&gt;如果所有表单元素都不想使用自动提示功能，只需在表单form上设置autocomplete=off。&lt;form autocomplete="off"&gt; &lt;input type=
Asp.net中设置TextBox禁止记忆以前输入的值
nihaomayu的专栏
06-22 4006
<br />TextBox的AutoCompleteType 属性 <br />   选择  Disabled为 禁用控件自动完成功能，<br />   None属性 记忆以前的输入的内容
禁止浏览器自动填充用户名和密码
codezha的博客
06-03 8515
​ 今天在项目中遇到了一个非常诡异的情况，在页面上点击修改密码后，主页面的分页组件中的页码跳转input框会自动填充当前登录用户名，经过多番查询和尝试，找到了问题的根本原因，浏览器对于用保存过的户名和密码有自动填充功能，关掉自动填充功能成功解决上述问题。 方法一：设置autocomplete为off //用户名 <input type="text" autoComplete="...
elementui 输入框里面禁止浏览器自动填充用户名密码
05-18
可以在elementui的输入框中添加 `autocomplete="off"` 属性来禁止浏览器自动填充用户名密码。例如： ```html 用户名" autocomplete="off"> 密码" autocomplete="off"> ``` 如果还是不能禁止浏览器自动填充，可以...
解决浏览器会自动填充密码的问题
08-30
在form表单或input框上添加autocomplete="off"属性可以禁止浏览器自动填充密码。但是，这个方法在谷歌和火狐浏览器上存在bug。 解决方法二：使用disabled属性 可以使用disabled属性来禁止浏览器自动填充密码。在 ...
jQuery 禁止表单用户名、密码自动填充功能
10-19
在网页开发中，表单自动填充（Autocomplete）是一项便捷的功能，它允许浏览器根据用户的输入历史自动填充表单字段，尤其是对于登录表单中的用户名和密码。然而，有时候这种功能可能会造成不便，例如填充错误的信息...
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 2673
form表单禁止浏览器自动填充密码
web安全：防止浏览器记住或自动填写用户名和密码(表单)的终极解决方案
热门推荐
ltx06的专栏
04-01 3万+
最近项目上要求做到这一点，在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了，最终得出了终极解决方案： 涉及： disabled 或 readonly  display:none;   隐藏用，隐藏后不占位置 visibility:hidden;   隐藏用，隐藏后占原来的位置 position:absolute;z-index:-1
.NET中取消密码输入框自动填充（不让浏览器记住密码）
IT老五
03-29 1706
也许是为了让用户更便捷，各主流浏览器都有记住密码的功能，然而，这一功能有带来了一些安全隐患。如Chrome的密码就在其“设置–>高级–>密码和表单–>管理密码”中，点击显示密码即可以看到明文密码。这万一哪天别人使用你的电脑，看到了一些关键的登录账户密码，甚至采用撞库方式登录你的支付宝、QQ或者其他社交或金融账户~甚至有部分网站在密码修改页也能自动填充密码，也可能导致别人不知道你...
表单自动填充autocomplete的兼容性方案
weixin_30532369的博客
01-17 453
以下情况下会自动填充用户和密码信息: 　　　　1、在用户和密码包含在form的情况下，同时包含一个 type="text"和 type="password"元素且不包含readonly和disabled属性，两个元素可以没有name和id属性 　　　　2、在没有form的情况下，同时包含一个 type="text"和 type="password"元素且不包含readonly和dis...
asp.net开发中防止textbox出现“自动完成”的功能
曹秉毅的blog
05-25 1843
日常上网时会发现，TextBox会记忆用户曾经输入过的文字，当下次再输入时就会自动提示相关字词，最常见的是用户登录网站时就会自动带出帐号密码。但是某些项目中为了安全，不允许出现自动完成的功能。我们可以在ie的【工具】→【选项】→【内容】→【自动完成】中删除提示信息，但是这个不能根本解决问题，因为这个删除只是删除以前的，怎么样能让某些textbox彻底禁用这个自动完成的功能呢。经过测试发现，
ckeditor中文文档——开发者文档（3）配置--配置设置
sinoalex
11-30 1352
---- 摘自：http://blog.youkuaiyun.com/lhx1026/article/details/5161433 ckeditor中文文档——开发者文档（3）配置--配置设置     editor具有丰富的配置来定制它的用户界面，特性和功能，主要的配置文件名为“config.js”。它在CKEditor安装文件夹的根目录上。   可用的配置选项 所有可用的配置选项可以再我们的...
用Javascript获取页面元素的位置
sinoalex
09-07 1261
用Javascript获取页面元素的位置 作者： 阮一峰 日期： 2009年9月14日 制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。 下面的教程总结了Javascript在网页定位方面的相关知识。 一、网页的大小和浏览器窗口的大小 首先，要明确两个基本概念。 一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样...
表单验证提示信息
sinoalex
08-30 543
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;         &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:l...
CSS 的 margin 很困難
sinoalex
04-21 347
转自：http://xxxxxly.in/posts/css-margin/ 对照原文加入了图片 toggle()及變數、calc、:match 之類，直至現在都沒有的 CSS 屬性、選擇器被提出・實行起來，CSS3、4都變得有趣起來了。在老舊的 Android 瀏覽器以外，沒有 prefix 下使用 border-radius、box-shadow 等等的情況也逐漸增多了。 可能...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值