浏览器保存密码输入错误答案

【问题标题】：Browser save password show in wrong input浏览器保存密码输入错误
【发布时间】：2017-05-08 11:22:10
【问题描述】：

这是登录表单

<form method="post">
    <input name="username" type="text" />
    <input name="password" type="password" />
</form>

通过浏览器登录并保存密码后，我进入用户管理页面

<form method="post">
    <input name="email" type="text" />
    <input name="name" type="text" />
    <input name="password" type="password" />
</form>

这个页面，浏览器默认显示密码和用户名为name和password

如何解决？

https://i.stack.imgur.com/uniJY.jpg

https://i.stack.imgur.com/7ZbTJ.jpg

【问题讨论】：

标签： html input browser

【解决方案1】：

在输入标签中使用不同的名称 How do you disable browser Autocomplete on web form field / input tag?

【讨论】：

【解决方案2】：

使用了标签的自动完成属性。阅读此链接：https://www.w3schools.com/tags/att_form_autocomplete.asp

【讨论】：

自动完成仅用于输入。此用户名和密码由浏览器“管理密码”保存
Hello @omid 将 id 设置为您的文本框值并调用 javascript onload 函数，如下所示： function f1() { document.getElementById('email').value=""; document.getElementById('name').value=""; }

【解决方案3】：

自动完成。 autocomplete="off|on".

“当自动完成功能开启时，浏览器会根据用户之前输入的值自动完成值。” link

<form method="post" autocomplete="on">
    <input name="email" type="text" />
    <input name="name" type="text" />
    <input name="psw" type="password" />
</form>

您还应该使用不同的输入名称。

【讨论】：

自动完成仅用于输入。此用户名和密码由浏览器“管理密码”保存
很难理解你真正在寻找什么我认为你的问题解释不正确。
我在问题中添加图片

【解决方案4】：

从

更改您的代码

<form method="post">
    <input name="email" type="text" />
    <input name="name" type="text" />
    <input name="password" type="password" />
</form>

到

<form method="post">
    <input name="email" type="text" autocomplete="off"/>
    <input name="name" type="text"  autocomplete="off" />
    <input name="password" type="password"  autocomplete="off"/>
</form>

https://www.w3schools.com/tags/att_input_autocomplete.asp

并且可能更改名称属性。

【讨论】：