之前在專案實作上也有遇過這個問題，解決方式好像就是討論串中 ??窮嘶????? 大大分享的那樣，讓瀏覽器無法判斷現在表單欄位屬於哪一個瀏覽器曾經紀錄的欄位，自然無法自動填入。

剛好趁這個機會研究了一下，整理如下：

1. 單純用 css 處理：

• 針對 <input> 加上樣式設定，原理應該是透過使用你指定的形狀樣式去混淆你目前頁面上的 <input>，進而達到讓瀏覽器無法判讀、不呈現自動填入值的效果。
• 針對 <input type="password" /> 或 <textarea type="password" /> 似乎還是不適用。
• 詳細內容可以參考上面回答者 mathewkl大大貼的網友文章 和 MDN連結

2. 針對 Chrome 瀏覽器的處理方式：

• Chromium 開發團隊建議將 autocomplete 值設成"該欄位不適用自動填寫的說明文字"，例如：autocomplete="new-user-street-address"。開發團隊中其中一段陳述是這樣的：

In cases where you really want to disable autofill, our suggestion at this point is to utilize the autocomplete attribute to give valid, semantic meaning to your fields. If we encounter an autocomplete attribute that we don’t recognize, we won’t try and fill it.

• 實作上舉例可以是這樣：

/* 原本 */
<input type="email">
/* 改成 */
<input type="email" autocomplete="new-user-email-for-checkout">

3. 針對 Edge 瀏覽器的處理方式：

• 針對單一表單元件逐一加上 autocomplete="no-autofill" ，而非加在 <form> tag 上。

• 實作上舉例可以是這樣：

/* 原本 */
<input type="email">
/* 改成 */
<input type="email" autocomplete="no-autofill">

參考資料：

1. Disabling Chrome Autofill
2. Disabling autofill in Chrome

https://pochangliao.medium.com/chrome-%E8%87%AA%E5%8B%95%E5%A1%AB%E5%85%A5-autocomplete-ab4998053df5
有人試了幾種autocomplete寫法都失敗
試看看最下面的CSS?