如何禁止(表单)用户名、密码自动填充

最新推荐文章于 2025-05-23 15:41:04 发布
最新推荐文章于 2025-05-23 15:41:04 发布
阅读量2.6k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiangtaoxiangtao/article/details/51882594
本文介绍了一种简单的方法来防止浏览器对表单中的用户名和密码字段进行自动填充，这对于提高网站的安全性和用户体验非常有用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如何禁止(表单)用户名、密码自动填充?


浏览器会将带有密码输入域的表单进行自动填充，在登录界面给用户带来很大的便利。但是，在非登录表单存在密码输入域时，浏览器也会自动填充。

在表单内增加：

<input type="password" style="width: 1px;height:1px;border: none;float: right;"><!-- for disable autocomplete on chrome -->

jsrush
关注
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 2498
form表单禁止浏览器自动填充密码
如何禁止表单input自动填充用户名密码
chuike8299的博客
05-25 1361
1. 说明 本文使用的Chrome版本是51.0.2704.106 本文使用的FireFox的版本是49.0.2 2. 问题 在某个非登录的页面只有一个<input type="text">和一个<input type="password">，然后Chrome浏览器...
jQuery 禁止表单用户名、密码自动填充功能
10-19
主要介绍了jQuery 禁止表单用户名、密码自动填充功能,需要的朋友可以参考下
如何关闭表单自动填充
43612538的博客
10-22 1148
要禁用的表单自动填充，你可以将 autocomplete 的属性设置为 “off”： 比如： input type="text" id="xxx" name="xxx" autocomplete="off">
前端浏览器保存账号密码后，禁止自动填充
最新发布
m0_52477297的博客
05-23 856
通过将密码输入内容实时替换为●符号的方案，我们实现了一种有效的防自动填充机制，在不依赖浏览器autocomplete属性的情况下，提升了登录页面的安全性。这种方案既保持了密码输入的隐蔽性，又避免了浏览器自动填充带来的安全隐患，适用于各种对安全性要求较高的应用场景。​在实际应用中，可以根据具体需求对代码进行扩展优化，如添加更严格的输入过滤、防键盘记录功能等，进一步提升系统的安全性。同时，在开发过程中要注意平衡安全性和用户体验，确保方案在有效防护的同时，不影响正常的用户操作流程。
输入框去掉自动填充效果
奔跑吧代码
01-22 279
输入框去掉自动填充效果 仅供参考 自我记录. input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; }
前端阻止浏览器自动填充密码和用户名的方法
m0_57307213的博客
09-13 757
这里还需要注意的是，文本输入框和密码框是在页面存在的，但是用了绝对定位，top和left为极大值，绝对定位使得其脱离文档流，不影响页面样式，top和left为极大值，使得，不论这两个输入框是相对于谁定位的，我们屏幕宽度分辨率，一般也就2000px左右的宽度，设置为9999px的极大值，我们是在网页上看不到这两个输入框的。经笔者实践，通过隐藏的文本输入框和密码框去阻止浏览器的自动填充的这个方法，是兼容性最好的方法。这样浏览器就只会自动填充这两个输入框，文本输入框填充用户名，密码输入框填充密码。
Vue-页面解决浏览器自动填充input输入框账号密码
JackieDYH的博客
12-18 1747
登录注册页面禁止浏览器自动填充账号密码。
Cookie实现用户名密码自动填充案例分析
由于未提供具体的代码实现，但假设该项目名为CookieDemo，可以推测该项目包含了一个简单的Web应用，用于演示如何在Java Web中使用Cookie来实现用户名和密码的自动填充，以及可能的自动登录功能。开发者在阅读源代码...
AutoDog填充狗：一款高效的表单自动填充Chrome插件3.0.0
04-07
AutoDog填充狗作为一款高效的表单自动填充工具，主要针对的是使用Chrome浏览器的用户群体。它被设计用来简化网络表单填写过程，通过自动填充功能减少用户输入信息的时间和精力消耗，提高上网效率。在现代生活中，...
disableautofill.js:禁用表单自动填充和自动完成功能
05-09
disableautofill.js 禁用Google Chrome自动填充和自动完成功能的最简单解决方案。 该库执行以下步骤： 将type="password"替换为type="text" 。 [1] 用星号符号代替密码文本。 在表单上添加属性autocomplete="off" 。 随机化属性name ，以防止Google Chrome浏览器记住您填写的内容。 笔记： [1]建议直接使用type="text" ，否则可能无法使用，具体取决于浏览器的版本和页面渲染速度。 安装 NPM npm install disableautofill 凉亭 bower install terrylinooo/disableautofill.js CDN # Pure JS, without jQuery https://cdn.jsdelivr.net/npm/disableau
Form表单用户密码自动填充
纳兹咩SAMA的博客
11-10 517
登录用户时，将用户、密码保存到本地浏览器，返回登录页面会自动填充用户、密码信息。 解决： 给用户输入框添加readonly属性，获取焦点时再移除该属性。
阻止浏览器自动填充账号密码（可能的方案）
aBingNa的博客
11-13 1969
阻止浏览器自动填充账号密码
前端用户名密码输入框会被浏览器自动填充
qq_39559488的博客
05-08 727
可以在表单或表单字段上添加 autocomplete 属性，并将其值设置为 off 或 new-password。注意：autocomplete=“off” 可能在某些浏览器上不生效，因为它已经被废弃。可以使用 JavaScript 在页面加载时禁用自动填充。可以为表单字段添加随机名称，以避免浏览器自动填充。每次加载表单时，都可以生成一个新的随机名称。
禁止表单自动填充完美解决
weixin_43826449的博客
11-24 532
> setTimeout(function(){ > var text_password = document.getElementById('text'); > text_password.removeAttribute("readonly"); > }, 1000);
避免 el-input 密码自动填充的实用方法
m0_67793437的博客
08-14 2143
在开发 Web 应用时，通常需要避免浏览器自动填充密码。以下是一些可行的解决方案，特别针对使用 Element UI 框架的el-input组件。
antdv禁止表单自动填充
qq_26889291的博客
02-02 528
antdv禁止表单自动填充
解决输入框记住的（浏览器）密码回填到输入框问题
李苗苗的博客
09-18 4400
一，阻止回填 1.<inputtype="text"name="password"onfocus="this.type='password'"autocomplete="off"/> 2.autocomplete="new-password" 3.autocomplete="nope" 4.<input style='position:fixed;bottom:-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值