the-front-end-knowledge-you-may-not-know icon indicating copy to clipboard operation
the-front-end-knowledge-you-may-not-know copied to clipboard

怎样阻止谷歌浏览器的密码提示?

Open wuxianqiang opened this issue 7 years ago • 15 comments

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

qq 20180609100925

wuxianqiang avatar Jun 09 '18 02:06 wuxianqiang

<input autocomplete=off>

xmcp avatar Jun 09 '18 04:06 xmcp

我已经尝试了这样的写法,但是没有任何效果。

wuxianqiang avatar Jun 09 '18 06:06 wuxianqiang

<input autocomplete=off> 确实不管用。

只能使用奇技淫巧了:在表单最上面新建两个用户名和密码的隐藏的 input

justjavac avatar Jun 10 '18 00:06 justjavac

<input autocomplete="new-password"> 应该不会提示保存的密码了

al002 avatar Jun 10 '18 14:06 al002

https://developer.mozilla.org/zh-CN/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

justjavac avatar Jun 11 '18 00:06 justjavac

我尝试了你们推荐的方法,但是还是不行。我的谷歌版本是:版本 67.0.3396.79(正式版本) image 谷歌浏览器的保存密码只要点了保存之后就会有这个提示。

wuxianqiang avatar Jun 11 '18 01:06 wuxianqiang

使用autocomplete = 'new-password'

eward957 avatar Jun 11 '18 02:06 eward957

感谢大家热情的为我提供帮助,最后通过参考这篇文章解决了我的问题:文章链接

我的代码如下:

  <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 avatar Jun 11 '18 07:06 wuxianqiang

@wuxianqiang

你没认真看我的回复吧

justjavac avatar Jun 11 '18 07:06 justjavac

@justjavac 看了你的回复,但是隐藏表单必须是text类型,而且还有加autocomplete = new-password

wuxianqiang avatar Jun 11 '18 07:06 wuxianqiang

dispaly:none;在新的版本无效,最好的方法是在第一个有效的密码框前面加上一个假的密码框,并设置宽高为0,border为none

Lyd9607 avatar Nov 06 '18 05:11 Lyd9607

  <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">

我是这样实现的

luohong123 avatar Nov 11 '18 06:11 luohong123

我知道的方法是 再你实际的表单上面加俩input 然后隐藏掉

lanxisama avatar Jan 20 '21 13:01 lanxisama

2023年了 还有什么新办法吗

passioncsu avatar Aug 14 '23 11:08 passioncsu

终于解决了 还得是这个方法....

加两个属性

type="text" style="-webkit-text-security:disc;"

passioncsu avatar Aug 14 '23 11:08 passioncsu