js解决浏览器自动填充账号密码

最新推荐文章于 2024-05-08 09:39:37 发布
原创 最新推荐文章于 2024-05-08 09:39:37 发布 · 7.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了一种简单有效的方法来防止密码框被意外填充：通过在页面中设置两个隐藏域，使得浏览器只会填充到隐藏域中，从而保护用户的隐私安全。

相信大家用过很多方法,比如密码框设为text,获取焦点后变为password或者页面加载清空密码框,甚至做个定时任务页面加载之后清空密码框,这些方法都用处不大,或者有很多缺陷,下面上方法

<input style="display:none">
<input type="password" style="display:none">

给页面设置隐藏域,这样浏览器即使填充也只是填充到隐藏域中,是不是很简单!!!!!!!!!!!!

怎么禁止浏览器自动填充账号密码？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
12-10 2531
问题 我们在有些场景下不需要浏览器自动填入账号密码，比如，你要修改你的账号密码，然后浏览器会自动给你填入其他用户账号的信息。 解决 我们可以写两个隐藏的输入框放在你写的输入框前面去欺骗浏览器，但是两个输入框不能用 display: none;，我试了一下，不生效，所以我采用了将其宽高设置为0的方式，实现如下： <!--禁用自动填充密码--> <input type="text" placeholder="请输账户" class="fake-input"/> <input ty
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 2676
form表单禁止浏览器自动填充密码
js防止浏览器记住密码
qq_36990322的博客
07-06 3272
js防止浏览器记住密码
自动输入帐号密码自动输入帐号密码
10-25
自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码自动输入帐号密码
JS自动登录
04-13
NULL 博文链接：https://cqh520llr.iteye.com/blog/1714588
浏览器密码输入框input password自动填充终极解决办法
hantangduhey的博客
11-05 2633
可选景点 路程 欢乐谷 45分钟 花博汇 1小时30分钟 杜莎夫人蜡像馆 25分钟 东西湖郁金香主题公园 2小时 金龙水寨 1小时40分钟
【JS】【29】解决浏览器自动填充密码输入框的问题
aizhu4795的博客
06-19 1089
前言：该文章仅为记录方法，原博写得很好，可直接查看原博。我在实际项目中觉得比较麻烦，直接自动填充就自动填充算了，并未做处理 正文： 1，使用HTML属性（autocomplete="off"） <input type="password" autocomplete="off"/> 由于自动填充这个特性是浏览器自己实现的，autocomplete这个属性也没有被...
如何禁止(表单)用户名、密码自动填充
zhengun的专栏
04-16 753
Html登录表单经常被自动填充，有的甚至用户从来没有登录过的网站也会有自动填充，甚是让人讨厌。 Mozilla developer documentation 建议使用表单设置属性 tautocomplete=”off” 来阻止浏览器从cache获取数据填充登录表单。 &lt;input type="text" name="foo" autocomplete="off" /&gt; 但是这...
前端防止浏览器自动填充账号密码
11-21
前端防止浏览器自动填充账号密码通常通过一些技术手段来实现，主要是为了保护用户的隐私和提供更好的用户体验。以下是一些常见的做法： 1. **HTML属性**：在表单输入框上添加`autocomplete="new-password"`属性，...
代码怎么实现防止浏览器自动填充账号密码
最新发布
11-21
在JavaScript中，为了防止浏览器自动填充账号密码，你可以利用一些HTML5的特性以及用户交互行为来实现。以下是几种常用的方法： 1. **禁用浏览器自动填充功能**： ```html <!-- 其他输入字段 --> ``` `...
html如何避免360自动填充账号密码,解决浏览器会自动填充密码的问题
05-31
可以通过以下两种方式来避免浏览器自动填充账号密码： 1. 在表单中添加 autocomplete 属性，将其设置为 off。 例如： ``` 用户名： <input type="text" id="username" name="username"><br> 密码： ...
禁止浏览器记住密码和自动填充密码
学无止步的博客
08-17 4545
禁止浏览器记住密码和自动填充密码 1、在不输入时设置为只读（已失效，具体情况未验证） <FormItem label="密码" prop="password"> <Input v-model="formData.password" type="password" placeholder="8-16位..." readonly autocomplete="new-password" onfocusin="this.getEl
利用js解决浏览器自动保存密码
weixin_45173162的博客
11-27 1047
用来实现一个自定义的密码输入框的功能。这个功能的优点是，可以让用户在输入密码时，看到的是星号，而不是明文，从而提高了密码的安全性。这篇博客文档将为您介绍这段代码的原理和实现步骤，希望对您有所帮助。
autocomplete 属性 清除input框输入存留历史值,防止下拉历史值显示
weixin_30567471的博客
01-16 814
autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, passwo...
阻止浏览器自动填充账号密码（可能的方案）
aBingNa的博客
11-13 2116
阻止浏览器自动填充账号密码
前端用户名密码输入框会被浏览器自动填充
qq_39559488的博客
05-08 795
可以在表单或表单字段上添加 autocomplete 属性，并将其值设置为 off 或 new-password。注意：autocomplete=“off” 可能在某些浏览器上不生效，因为它已经被废弃。可以使用 JavaScript 在页面加载时禁用自动填充。可以为表单字段添加随机名称，以避免浏览器自动填充。每次加载表单时，都可以生成一个新的随机名称。
JS防止浏览器自动记住密码
wl_Viola的博客
09-14 9186
最近项目上做了这样一个功能，使用autocomplete="off"不能解决FF的问题，依旧会提示是否记住密码，第一次写博客，不足之处请大神们多多指点。 HTML部分： 先设置用户可以看见的密码框type为text： &lt;td id = "textOrPsw"&gt;     &lt;input id="input_text_psw" name="pswView" type="text
webView与javaScript的交互，实现账号密码自动填充的功能
weixin_35755389的博客
12-23 2846
1:点击填充按钮时，帐号和密码都自动填充到里面。 2：在webView里执行javaScript代码。
防止浏览器记住用户名及密码的简单实用方法
赶路人儿
08-06 1426
如何设置能禁止浏览器自动保存表单信息，比如用户名，密码？  现在很多浏览器都有自动填写功能，我在input上使用了autocomplete="off"，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来防止浏览器记住用户名及密码？  1、针对浏览器记住密码  1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值