防止浏览器记住密码后，自动填充表单

最新推荐文章于 2024-08-22 15:58:06 发布
最新推荐文章于 2024-08-22 15:58:06 发布
阅读量2.1k 收藏 1
点赞数
分类专栏： Java基础 javaweb 文章标签： 密码 自动回填
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zq123lcx/article/details/87912603
版权 
<div class="control-group">
				<label class="control-label">新密码：</label>
				<div class="controls">
					<input type="text"style="display: none">
					<input onfocus="this.type='password'" id="password" name="password" type="text" value="" autocomplete="off" class="validate[required,maxSize[18],custom[password]]">
						<span class="help-inline"><font color="red">*</font> </span>
				</div>
			</div>

 

小Z太阳
关注
专栏目录
防止浏览器记住用户名及密码的简单实用方法
09-05
这种方法对用户来说透明，但可以防止浏览器记住密码。 6. **应对浏览器插件的自动填表功能**： 插件可能根据表单元素的`name`属性来填充信息。可以考虑在页面加载时动态更改`name`值，提交时再恢复为正确值。这是...
浏览器记住密码后，密码自动填充问题(不希望密码填充)
wuzhifeitiantian的博客
09-21 1237
前端表单提交，不管是form提交还是ajax提交，只要有input type='password',浏览器会弹出提示框，询问是否记住密码。点击记住密码后，密码会自动填充，由于做的是跟钱打交道，登录 不希望记录密码和密码自动填充。之前试过很多方法 1.autocomplete="off" 2.focus="this.type=password",3.在页面加载时或者focus方法中清空密码 均不奏...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案
cxz
06-24 1284
背景 最近项目上有一个功能是忘记密码的，里面有手机号码，验证码，登录密码这几个选项，然后手机密码又不是登录账号，然后密码用的是el input 里面的type = “password”，导致了修改密码成功之后，验证码还有密码会被谷歌浏览器自动保存 在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了， 解决方案 其实方案很简单，只需要在修改成功后,then里面 获取到input的节点属性，然后把他的value设为“”即可 代码如下 <el-input v-model="form.
禁止浏览器默认填充密码 vue
最新发布
weixin_42348009的博客
08-22 813
不能完全阻止浏览器自动填充。你还可以为账号和密码的输入框动态设置。可以防止浏览器自动填充表单中的账号和密码。属性，使浏览器难以识别这些字段。
解决浏览器记住密码后影响表单的问题
mentalitys的博客
12-14 501
用户登录时用户选择记住密码后，在需要用到表单输入框类型为password时，会有历史记录。这是浏览器的自身的问题。我们需要自己解决，网上找了 autocomplete="off" 的用法，这种只是对单个input有效，如果是password 没有作用的，需要结合js来处理。 html： &lt;input type="password" id="pwd" name="pwd_login" ...
autocomplete 属性 清除input框输入存留历史值,防止下拉历史值显示
weixin_30567471的博客
01-16 744
autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, passwo...
禁止浏览器记住密码和自动填充 element-ui+vue
qq_43294510的博客
12-26 2117
【代码】vue 仿element-ui 自定义密码输入框，防止浏览器 记住密码和自动填充。
Jsp+Servlet+Cookie实现记住密码，自动登录，防止表单提交，记录登录次数
12-20
在这个实例中，我们将深入探讨如何利用这些技术实现记住密码、自动登录、防止表单重复提交以及记录登录次数的功能。 首先，让我们从"记住密码"功能开始。在用户登录时，如果用户勾选了“记住我”的选项，系统会将...
通过cookie记住密码-HTML样例源码
09-22
当用户选择“记住密码”，我们会在表单提交时调用这两个函数，将用户名和加密后的密码存储到用户的浏览器中。 在用户下次访问时，我们可以通过读取Cookie来自动填充用户名和密码： ```javascript document....
JS中解决谷歌浏览器记住密码输入框颜色改变功能
10-20
这时，可以通过HTML属性 `autocomplete="off"` 来屏蔽浏览器的自动填充功能，以避免各种因浏览器记住密码引起的bug。具体做法是在表单输入元素中设置该属性： ```html 手机号" autocomplete="off"> 密码" ...
基于localStorge开发登录模块的记住密码与自动登录实例
10-19
- 如果有，则自动填充登录表单，并尝试执行自动登录操作。 3. **使用localStorage实现自动登录**： - 自动登录需要判断localStorage中是否有保存的有效登录信息。 - 如果有，使用保存的信息构造登录请求发送到...
浏览器自动填充
m0_60376759的博客
02-23 828
input同时有多个。
如何使浏览器不提示记住密码
qq_15509267的博客
04-24 1760
一、背景 为了系统使用安全，需要使浏览器不提示记住密码。 安全风险场景：对于公共使用的系统，A用户为了方便登录，选择了“记住密码”，B用户可以通过浏览器的密码管理查看到密码明文。 二、为什么浏览器会提示记住密码？ 浏览器提示密码是根据input标签的type=“password”类型实现的。 ...
解决浏览器会自动填充密码的问题
zm_miner的博客
04-18 2737
在前端开发过程中有一个现象: 有登录和注册的弹框，当我们从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮，然后接着退出账户，这时打开注册弹框，你会发现注册弹框中用户名和密码也被默认填写进去了（登录弹框中默认填写进去符合逻辑） but! 有时候 我们在一些别的场景中是不需要这个默认显示功能的, 因为怎么做? 查阅资料解决方案 在form上或input上添加autoComplete='off' 然而 chrome中并没有生效 原因: form中有input[type=passw
Vue 项目 实现阻止浏览器记住密码功能
潮汐未见潮落的博客
06-18 2712
通常浏览器会主动识别密码表单，在你登录成功之后提示保存密码 ， 密码保存到浏览器的 密码管理器中 ( 如下是谷歌浏览器 )这种行为是浏览器的行为 ，这种操作也是为了方便用户的使用。
转载-防止浏览器记住用户名及密码的简单实用方法
HelloVisaya的专栏
10-06 2341
以上就是防止浏览器记住用户名及密码的简单实用方法。不管是使用autocomplete属性、JavaScript代码还是添加隐式字段，都可以确保用户的用户名和密码不会被浏览器记录。这对于用户隐私的保护非常重要，对于防止钓鱼等网络攻击也有很大的作用。
Vue实现阻止浏览器记住密码功能的三种方法
蓝胖子的博客
07-19 3687
Vue实现阻止浏览器记住密码功能的三种方法
怎么禁止浏览器弹框记住/保存密码及不自动填充密码
weixin_45341912的博客
05-19 4579
一、本文解决的问题： 1、不会在浏览器弹框提示保存密码 2、用户名和密码框不自动填充已保存的信息 3、单击用户名框时不下拉选择历史输入过的信息 测试浏览器：IE，谷歌，火狐 二、现象及问题： 1、登录后弹框提示保存密码：（谷歌浏览器示例） 2、点击保存，重新访问登录页会自动填充用户名和密码： 3、输入过的用户名会被记录，单击时会下拉选择： 三、解决方法 1、解决浏览器弹框提示保存密码 登录页index.html： 登录后的跳转页面api.html： 注意： div使用display:none不能解
VUE3登录禁止浏览器记住密码
qq_44915190的博客
01-18 1671
VUE3登录禁止浏览器记住密码
vue防止浏览器自动填充以及记住密码
04-05
在HTML中，可以给表单元素添加`autocomplete="off"`属性来防止浏览器自动填充表单。例如： ```html <form> <label for="username">Username:</label> <input type="text" id="username" name="username" autocomplete="off"> <br> <label for="password">Password:</label> <input type="password" id="password" name="password" autocomplete="off"> <br> <input type="submit" value="Submit"> </form> ``` 但是，这种方法并不一定适用于所有浏览器和版本。有些浏览器可能不支持`autocomplete="off"`属性，或者会忽略它。此外，用户可以通过修改浏览器设置来允许自动填充。 如果想要更可靠地防止浏览器自动填充表单，可以使用JavaScript来动态生成表单，并在输入框上添加`autocomplete="new-password"`属性。例如： ```javascript var form = document.createElement('form'); var usernameLabel = document.createElement('label'); usernameLabel.htmlFor = 'username'; usernameLabel.textContent = 'Username:'; var usernameInput = document.createElement('input'); usernameInput.type = 'text'; usernameInput.id = 'username'; usernameInput.name = 'username'; usernameInput.autocomplete = 'new-password'; form.appendChild(usernameLabel); form.appendChild(usernameInput); document.body.appendChild(form); ``` 同样地，这种方法也不是100%可靠。有些浏览器可能会忽略`autocomplete="new-password"`属性，或者用户可以通过修改浏览器设置来允许自动填充。 如果想要防止浏览器记住密码，可以在表单提交时将密码字段的值清空。例如： ```javascript form.addEventListener('submit', function(event) { var passwordInput = document.getElementById('password'); passwordInput.value = ''; }); ``` 这样，当用户再次访问该页面时，浏览器会提示他们保存密码，但是保存的密码将是空的。但是，这种方法并不适用于所有浏览器和版本。有些浏览器可能会在表单提交之前保存密码，或者用户可以通过修改浏览器设置来允许保存密码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值