Disable auto fill of input tag in html?

Question

I have a webpage taking a new user name & password as input. For scripting, I am using AngularJS.

<div class="form-group">
 <input ng-model="prc.userName" placeholder="User Name" type="text" class="form-control" autocomplete="nope" required autofocus />
</div>

This input box always gets auto-filled, I don't want it to get auto-filled.

Question reviewed prior: How do you disable browser Autocomplete on web form field / input tag?

// These attributes do not work
autocomplete="off"
autocomplete="false"

My chrome version: Version 73.0.3683.103 (Official Build) (64-bit)

How can I do that?

Can you reproduce the issue in jsfiddle or any other snippet? — weegee, Apr 26 '19 at 11:11
bro i have a working solution,,please see my answer in this link https://stackoverflow.com/questions/2530/how-do-you-disable-browser-autocomplete-on-web-form-field-input-tag?page=2&tab=oldest#tab-top — Edison, Apr 26 '19 at 11:35
https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion — MilitelloVinx, Apr 27 '19 at 02:59

score 2 · Accepted Answer · answered Apr 26 '19 at 11:12

2

Yes this is a known error and it can be really annoying. for some reason autocomplete='false' and autocomplete='off' aren't working at all in chrome.

The only known method to get rid of it is to use autocomplete='new-password', this will deactivate the autocomplete!

Cheers

answered Apr 26 '19 at 11:12

Dat Boi Trump

407
2
10

This solution actually worked for me, thanks – Prashant Apr 26 '19 at 11:14
*question reviewed prior*?: https://stackoverflow.com/a/49376393/3840840 or https://stackoverflow.com/a/41398325/3840840 – Sebastian Brosch Apr 26 '19 at 11:15
@SebastianBrosch I missed that I tried "off", "false" flags with autocomplete – Prashant Apr 26 '19 at 11:19
No probs @pcj if you found my answer 'the answer' could you please mark my answer. Thanks! – Dat Boi Trump Apr 26 '19 at 11:41

score 1 · Answer 2 · answered Apr 26 '19 at 11:12

1

Add autocomplete="off" onto (form) element;

Add hidden (input) with autocomplete="false" as a first children element of the form.

answered Apr 26 '19 at 11:12

Nimish Baldha

24
2

Disable auto fill of input tag in html?

2 Answers2

Linked