解决:autocomplete=“off“在360浏览器不生效问题

给input设置一个默认的readonly属性,
然后通过 onfocus="this.removeAttribute('readonly')"onblur="this.setAttribute('readonly',true)"来改变这个状态,让输入框可以输入或者只读,这样就不会被记住密码填充了。

 <el-input
    v-model.trim="loginForm.password"
    placeholder="请输入密码"
    show-password
    name="password"
    @keyup.enter.native="handleLogin"
    readonly
    onfocus="this.removeAttribute('readonly')"
    onblur="this.setAttribute('readonly',true)"
 />
autocomplete="off"不生效的原因是因为浏览器内部也会默认开启一个输入字段后自动补全的功能。即使将autocomplete值设为off,在某些情况下仍会失效。为了解决这个问题,可以将该属性赋一个除on或off之外的任意值,例如autocomplete="new-pwd"。这样可以绕过浏览器的默认设置,确保autocomplete属性生效。\[1\]另外,还有一种方法是在input框中设置autocomplete="new-password",虽然官方只有"on"和"off"两个值,但是"new-password"在一些网站上也被使用,并且经过测试是有效的。\[2\]总之,为了确保autocomplete="off"生效,可以尝试使用这些方法来绕过浏览器的默认设置。\[3\] #### 引用[.reference_title] - *1* [autocomplete="off" 不生效解决方法](https://blog.csdn.net/MrLiber/article/details/83214232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [autocomplete=“off“‘不起作用解决方案](https://blog.csdn.net/baidu_39812199/article/details/112218582)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* ['autocomplete="off"'在Chrome中不起作用解决方案](https://blog.csdn.net/weixin_34520360/article/details/117840063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值