Safari瀏覽器覆蓋編輯用戶表單上的電子郵件和密碼字段

Question

我有一個編輯用戶表單：

<form method="post" action="index.php" /> 
    Email: 
    <input type="text" name="email" value="user@domain.com" /> 
    Password: 
    <input type="password" name="password" value="thesavedpassword" /> 
</form> 

Safari瀏覽器重寫我的預先填充的用戶名和密碼給我，所以我加了所有的自動完成選項 - 這沒有工作。

閱讀這裏，我聽說readonly已經爲一些工作，所以我也嘗試過，但仍然無法正常工作。這裏是代碼看起來像什麼：

<form method="post" action="index.php" autocomplete="off" /> 
    Email: 
    <input type="text" name="email" value="user@domain.com" 
     autocomplete="off" readonly onfocus="this.removeAttribute('readonly');" /> 
    Password: 
    <input type="password" name="password" value="thesavedpassword" 
     readonly autocomplete="off" onfocus="this.removeAttribute('readonly');" /> 
</form> 

我真的不知道該從哪裏出發！爲什麼Safari會覆蓋已經填入的字段？

非常感謝提前！

Answer 1

只要密碼管理引擎檢測到密碼字段，密碼管理引擎就會啓動，一旦密碼管理引擎啓動，密碼管理引擎將在密碼字段前查找最近的文本字段，並假定其中一個是用戶名字段。

大多數瀏覽器都忽略了autocomplete屬性，但是我已經讀過將其設置爲「false」而非「off」的功能，它已經適用於某些（不是我）。

有沒有乾淨的解決方案。唯一能夠幫助我的是爲safari引入隱藏的虛擬域來填充。