How do I stop browsers for suggesting inputs for fields?

Question

I have an input text field, when user enters any alphabet/word, I have to suggest relevant topics.

The problem here is, the browser is also doing the same thing. It is showing previously entered data, which overrides the information shown in the site.

PFB the image, the circled black d, is a suggestion by browser (firefox in this case) and below list, (Git-Commands, Equals Method etc) is shown by me.

I want browsers to stop showing suggestions for this particular field.

How to do that? The site is build in simple HTML and JavaScript. Reference The searchbox on homepage on : mohitkanwar.com

PS: I have tried using autocomplete="off" . It does not work here, as it is not autocomplete, it is suggesting.

Did you put the `autocomplete="off" ` in the input or in the form tag? — Lucas Araujo, Jun 03 '16 at 09:06
http://stackoverflow.com/questions/17719174/autocomplete-off-is-not-working-when-the-input-type-is-password-and-make-the — Vahid Heydarinezhad, Jun 03 '16 at 09:11

score 3 · Accepted Answer · answered Jun 03 '16 at 09:06

3

<input autocomplete="off">

Should do it. It will NOT work on login-fields, however, as most Browser vendors decided to ignore the setting there. Further Information: https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

answered Jun 03 '16 at 09:06

MattDiMu

4,873
1
19
29

1

provided an invalid string "nope" instead of "off" worked – Mohit Kanwar Jun 03 '16 at 09:22

score 0 · Answer 2 · answered Jun 03 '16 at 09:00

0

Use the autocomplete attribute, see http://www.w3schools.com/tags/att_input_autocomplete.asp for details.

answered Jun 03 '16 at 09:00

resamsel

225
5
10

How do I stop browsers for suggesting inputs for fields?

2 Answers2