仅为Google Chrome中的密码表单启用自动填充功能

Umu*_*zer 5 javascript google-chrome remember-me

假设我有一个这样的登录表单:

 <form>
   <input type="email">
   <input type="password">
 </form>
Run Code Online (Sandbox Code Playgroud)

谷歌浏览器(和其他浏览器)能够提供保存我的电子邮件和密码,没有任何问题.此外,Chrome 在页面加载时自动填充此类表单,没有任何问题.

我需要开发一个功能,通过localstorage"记住"最后一个用户,并显示一些花哨的UI,其中还包括他们的姓名和电子邮件,这次询问密码:

 <div>Welcome our old customer Umut (remembered@email.com)</div> 
 <form>
   <input type="hidden" value="remembered@email.com">
   <input type="password">
 </form>
Run Code Online (Sandbox Code Playgroud)

这次,Chrome不会在页面加载时自动填充密码,但当用户专注于此字段时,他们会先选择用户:

演示

我想知道,如果有办法告诉浏览器,我已经选择了一封电子邮件,并且我想要在页面加载时自动填写该电子邮件的密码.

如果可能,跨浏览器.

PS.如果我不使用hidden的电子邮件类型,而不是只(使用显示:无),使其不可见的用户,Chrome的自动填充这两个电子邮件地址和密码.这意味着,一个不可见的电子邮件文件被Google Chrome"记住"的价值所覆盖.因此,即使您看到remembered@email.com精美的自定义设计,Chrome也会修改电子邮件和密码.