Question

我的网站上有2个表格。如果我保存了电子邮件和密码以及其他形式的输入密码，它将在最后一个输入框（类型=文本）上自动填充电子邮件

我尝试添加autocomplete = off autocomplete = contact_no名称= contact_no 但这不起作用。

    <form>
      login form
      <br>
      <label> email<input type="text" /> </label>
      <label> password <input type="password"/> </label>

      <button type="submit"> submit</button>
    </form>

    <form>
      member update form
      <br>
      <label> readonly email <input type="text"readonly value="abc@google.com"/> </label>
      <label> contact_no <input type="text" name="contact_no" autocomplete="off"/> </label>
      <label> password <input type="password" name="password"/> </label>
      <button type="submit"> submit</button>
    </form>

CodePen

https://upload.cc/i1/2019/05/26/jbBSxa.gif

https://upload.cc/i1/2019/05/26/lQmksB.png

Answer 1

我遇到了类似的问题，在“名称”字段下放置了一个“用户名”字段。该用户名字段会自动填充一个年龄。它来自同一站点上的另一个表单，该表单在“名称”字段下方显示一个“年龄”字段组。因此，chrome按此顺序存储了自动填充值。

<input type="text" name="username" readonly="" onfocus="this.removeAttribute('readonly');">

另一种可以更改表单域顺序的方法。

Answer 2

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

在大多数现代浏览器中，将自动完成设置为“关闭”不会阻止密码管理器询问用户是否要保存用户名和密码信息，或自动在网站的登录表单中填写这些值。

为帮助chrome更好地理解表单输入，您可以尝试使用autocomplete =“ tel”代替联系人

保存密码后Chrome自动填充错误的字段

2 个答案: