如何在 React.js 中的 Input 元素上禁用瀏覽器自動完成

Question

幾天前我遇到了這個問題。 你知道如何在 React.js 中的 Input 元素上禁用瀏覽器自動完成嗎？ 我已經嘗試過：

• 自動完成=“關閉”
• 自動完成=“新密碼”

兩者都不起作用。

謝謝您的回答。

Answer 1

來自https://www.codementor.io/@leonardofaria/disabling-autofill-in-chrome-zec47xcui 的解決方案

對我來說解決問題的是將表單字段設置為只讀，然后在用戶聚焦它們后刪除該屬性。

<input readonly="readonly" onfocus="this.removeAttribute('readonly');" type="text" value="test">

Answer 2

在您的輸入元素上刪除類型屬性，一切都會好起來的。 你也不需要自動完成。