Safari的自動填充正在打破我的網站上的表格

Question

我在我的網站上有一個表單，它恰好有一個電子郵件字段，後面跟着一個密碼字段。 Safari正在填充它們，好像它們是一種形式的符號，但它們不是。之前在電子郵件輸入中設置的值被刪除，這是一個問題，並且Safari正在輸入一個不是有效的電子郵件的用戶名，這會破壞表單。

我試着加入autocomplete="off"，但Safari只是忽略它。我怎麼能說服它，這不是一個登錄屏幕，並請停止插手？

編輯：我只是試着移動表單的順序來幫助Safari意識到它不是一個登錄表單，並且它仍然填充它，即使密碼字段位於最頂端，並且電子郵件字段位於最底部（5個領域）。

Answer 1

該解決方案適用於在Safari中禁用自動完成：

如果你想要的一切形式的禁用密碼自動完成，使用：

::-webkit-credentials-auto-fill-button { 
    visibility: hidden; 
} 

如果要禁用只有一種形式，用途：

.put_your_class_here::-webkit-credentials-auto-fill-button { 
    visibility: hidden; 
} 

Answer 2

您可以訪問this文章，因爲它也包含關於在表單上禁用自動填充的信息。嘗試在多個瀏覽器上運行相同的HTML頁面，因爲它可能是Safari及其導致此問題的設置。另外，Mozilla有一篇關於自動完成功能的有用文章，值得關注的是here。如果這仍然沒有幫助，請發表一些評論。