對於某些內部網站,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"
。
參考 : 讓密碼管理器與您的登入表單合作。