How to prevent browser from caching form fields?

Question

I have a textbox in a form field that gets populated by the user. However currently (in Firefox 10) the user can navigate away from the page, then come back, and the input will be populated with its previous value. I think this creates for a confusing user experience, and would like to prevent it.

Is there a way to do this without manually resetting the value? I have tried changing the response to not cache as well as setting autocomplete='false' with no luck.

score 64 · Accepted Answer · edited May 23 '17 at 11:55

64

Try with autocomplete="off", but it will not work with all browsers

PS: duplicate...

Stop browser from filling textboxes with details

Make page to tell browser not to cache/preserve input values

edited May 23 '17 at 11:55

Community

1
1

answered Mar 06 '12 at 15:58

soju

24,068
3
63
66

1

Does not seem to resolve the issue in FF10. – Igor Mar 06 '12 at 16:01
yes, you can't force a browser to do what you want ^^ – soju Mar 06 '12 at 16:03
Is there a cross-browser solution other than manually clearing the value with javascript? Otherwise I might just make do with this. – Igor Mar 06 '12 at 16:04
what is your doctype ? officialy, autocomplete attribute appears only in html5 standard... But I think you should not clear these value if the users don't want to (except for security reasons) – soju Mar 06 '12 at 16:12
Add this to input hidden fields as well. – Henrik Petterson Mar 08 '17 at 15:01
Solution 4 here worked for me cross-browser: https://www.codeproject.com/Questions/124608/How-avoid-the-cache-of-Textbox – IrishChieftain Feb 21 '18 at 22:01

score 12 · Answer 2 · answered Mar 21 '14 at 04:46

12

just add simple script in some global JS:

$("form :input").attr("autocomplete", "off");

answered Mar 21 '14 at 04:46

A.T.

18,248
7
39
59

that is much faster way, thx – Pyae Sone Nov 22 '19 at 04:17

Hossein Hajizadeh · Answer 3 · 2014-07-26T09:43:55.133

5

use meta in head

<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">

or Use

<% Response.CacheControl = "no-cache"; %>
<% Response.AddHeader("Pragma", "no-cache"); %>
<% Response.Expires = -1; %>

microsoft

edited Jul 26 '14 at 09:43

answered Jul 26 '14 at 09:32

Hossein Hajizadeh

1,029
15
9

How to prevent browser from caching form fields?

3 Answers3

Linked