Bỏ gợi ý dữ liệu trước đây khi người dùng focus vào thẻ input

Để loại bỏ gợi ý dữ liệu trước đây khi người dùng focus vào thẻ <input>, bạn có thể áp dụng một trong các cách sau tùy theo trường hợp:

---

---

✅ Cách 1: Dùng thuộc tính autocomplete="off"#

Trong HTML, thêm thuộc tính autocomplete="off" vào thẻ input:

<input type="text" name="username" autocomplete="off" />

✅ Tác dụng: Trình duyệt sẽ không hiển thị gợi ý dữ liệu đã nhập trước đó (history/autocomplete).

---

---

✅ Cách 2: Dùng tên name "lạ" để tránh lưu cache#

Trình duyệt đôi khi vẫn hiển thị gợi ý dù bạn dùng autocomplete="off". Khi đó bạn có thể:

<input type="text" name="nohistory-xyz123" autocomplete="off" />

✅ Mẹo: Dùng name khác với các giá trị phổ biến như email, username, search... vì trình duyệt thường ignore autocomplete="off" với các name phổ biến.

---

---

✅ Cách 3: Dùng JavaScript để chặn gợi ý khi focus#

Bạn có thể dùng đoạn JS sau để xóa đi gợi ý:

`

`

---

---

✅ Cách 4: Với form, tắt autocomplete toàn bộ form#

`

`

---

---

⚠️ Lưu ý:#

• Một số trình duyệt như Chrome vẫn cố gắng hiển thị gợi ý nếu đoán được bạn đang nhập gì, bất chấp autocomplete="off".

• Không có cách nào đảm bảo 100% trong mọi trình duyệt, nhưng các cách trên đủ hiệu quả cho hầu hết trường hợp.

---

---

Bạn đang dùng framework gì? (VD: React, Vue, Angular...) Nếu có thể, mình sẽ hướng dẫn cụ thể hơn.