the-front-end-knowledge-you-may-not-know
the-front-end-knowledge-you-may-not-know copied to clipboard
怎样阻止谷歌浏览器的密码提示?
您好,我想请教您一个问题,当一个网页输入用户名和密码的时候,提交表单之后,谷歌浏览器会弹出“是否保存密码”的对话框,当下次再登入的时候,就会自动提示上次输入的密码,前端如何取消密码提示呢?

<input autocomplete=off>
我已经尝试了这样的写法,但是没有任何效果。
<input autocomplete=off> 确实不管用。
只能使用奇技淫巧了:在表单最上面新建两个用户名和密码的隐藏的 input。
用 <input autocomplete="new-password"> 应该不会提示保存的密码了
https://developer.mozilla.org/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
我尝试了你们推荐的方法,但是还是不行。我的谷歌版本是:版本 67.0.3396.79(正式版本)
谷歌浏览器的保存密码只要点了保存之后就会有这个提示。
使用autocomplete = 'new-password'
感谢大家热情的为我提供帮助,最后通过参考这篇文章解决了我的问题:文章链接
我的代码如下:
<form action="?" method="post">
<input type="text" style="display: none;">
<input type="password" class="form-control" placeholder="" autocomplete="new-password">
<input type="submit" value="提交">
</form>
@wuxianqiang
你没认真看我的回复吧

@justjavac
看了你的回复,但是隐藏表单必须是text类型,而且还有加autocomplete = new-password
dispaly:none;在新的版本无效,最好的方法是在第一个有效的密码框前面加上一个假的密码框,并设置宽高为0,border为none
<input type="password" [(ngModel)]="password" name="password" style="display:none">
<input nz-input type="password" autocomplete="new-password" [(ngModel)]="password" name="password" placeholder="请输入密码" id="password">
我是这样实现的
我知道的方法是 再你实际的表单上面加俩input 然后隐藏掉
2023年了 还有什么新办法吗
终于解决了 还得是这个方法....
加两个属性
type="text" style="-webkit-text-security:disc;"