保存密碼時Chrome自動填充錯誤的字段

Question

我的網站上有 2 個表格。 如果我保存了電子郵件和密碼並且其他表單輸入了密碼，它會在最后一個輸入框（類型=文本）上自動填充電子郵件

我嘗試添加 autocomplete=off autocomplete=contact_no name=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>

代碼筆

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

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

Answer 1

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

在大多數現代瀏覽器中，將自動完成設置為“關閉”不會阻止密碼管理器>詢問用戶是否要保存用戶名和密碼信息，或>在站點的登錄表單中自動填寫這些值。

為了幫助 chrome 更好地理解表單輸入，您可以嘗試使用 autocomplete="tel" 代替聯系人編號