為什麼 Chrome 不保存某些網站的使用者名稱和密碼

為什麼 Chrome 不保存某些網站的使用者名稱和密碼

對於某些內部網站,Chrome 不會提供保存憑證的功能。我已將它們輸入自動填充部分,但它仍然不會使用它們。

這個例子是針對我的 Unify Router 的,我刪除了 class 屬性以便更清楚地看到。看看下面的兩個元素,我不明白為什麼它不起作用,有什麼想法嗎?

<input name="username" meta="[object Object]" autocapitalize="off" autocorrect="off" 
autocomplete="username" required="" id="login-username" type="" value="">

<input name="password" meta="[object Object]" autocomplete="current-password" id="login-password" 
type="password" value="">

這是來自我自己的頁面之一,它確實有效

<input  type="text" name="username" placeholder="Username" id="username" autocomplete="username">

<input type="password" name="password" placeholder="Password" id="password" autocomplete="current-password">

問題

  • 我該怎麼做才能讓它們發揮作用?
  • 我理解了類型未指定用戶名,這可能是問題所在嗎?

答案1

在以下情況下,密碼管理器將更好地檢測表單:

  • <form>元素有一個操作和一個方法屬性

  • 輸入元素透過其 ID(使用 for)或透過包裝在一個標籤中與標籤相關聯

  • 使用正確的輸入類型。對於使用者名稱/電子郵件:type="text"type="email".對於密碼:type="password".

  • 自動完成屬性。對於使用者名稱:autocomplete="username",對於密碼:autocomplete="new-password"autocomplete="current-password"

參考 : 讓密碼管理器與您的登入表單合作

相關內容