autocomplete="off" force in browser

Question

I have a login form and I NEED to force autocomplete to off. i have tried

jquery: $('#login').attr("autocomplete", "off");

HTML: <input ... autocomplete="off">

Javascript: document.getElementById('myInputId').autocomplete = 'off';

When I click the login input box a drop down appears across all browsers FF, Chrome, IE..

N.B. this applies to users who have previously saved password information They need to forced to enter login details

The `` should work across the modern browsers. – putvande Aug 08 '13 at 10:32 — putvande, Aug 08 '13 at 10:32
http://stackoverflow.com/a/29582380/4462191 duplicate – camiblanch May 06 '15 at 15:50 — camiblanch, May 06 '15 at 15:50

score 10 · Answer 1 · edited Aug 08 '13 at 13:43

10

Or add with jQuery: $("input, select, textarea").attr("autocomplete", "off");

edited Aug 08 '13 at 13:43

Robbie JW

729
1
9
22

answered Aug 08 '13 at 10:52

Vitor Schweder

154
1
5

score 2 · Answer 2 · edited May 23 '17 at 11:47

2

The W3Schools states (tested):

<input type="email" name="email" autocomplete="off" />

Please note that this is defined in HTML5

For previous version see this SO

edited May 23 '17 at 11:47

Community

1
1

answered Aug 08 '13 at 10:33

Stefano Altieri

4,550
1
24
41

The word 'HTML documentation' and then a link to W3Schools has me worried. – Rory McCrossan Aug 08 '13 at 10:33
Sorry, fixed the answer. – Stefano Altieri Aug 08 '13 at 10:35
1

http://stackoverflow.com/questions/2530/how-do-you-disable-browser-autocomplete-on-web-form-field-input-tag please follow this link – Mike Phils Aug 08 '13 at 13:52

score 2 · Answer 3 · edited May 05 '17 at 16:24

Worked for Chrome onFocus remove readonly - but onBlur you have to re-write it. So:

onFocus="this.removeAttribute('readonly');"
onBlur="this.setAttribute('readonly', true);"

This did the trick. For IE and Firefox I added in any case the autocomplete="off" with jQuery on "ready" function to all fields that might need it (marking them with a class (or cssclass):

$(document).ready(function () {
    $(".noautocomplete").attr("autocomplete", "off");
});

score 0 · Answer 4 · answered May 29 '14 at 17:19

Try this

Add disabled attribute to the form fields( email, password, etc.)

syntax: <input type="email" name="email" class="email" autocomplete="off" disabled />

On Page Load enable the fields after few miliseconds.

use the below JS CODE.

function getRidOffAutocomplete(){

    var timer = window.setTimeout( function(){
        $('.email').prop('disabled',false);
        clearTimeout(timer);
       },
       800);
}

// Invoke the function, handle page load autocomplete by chrome.
getRidOffAutocomplete();

Murat Yıldız · Answer 5 · 2023-02-07T21:36:11.177

0

Try this:

$(document).ready(function(){
    $( document ).on( 'focus', ':input', function(){
        $( this ).attr( 'autocomplete', 'off' );
    });
});

Or this:

$(document).ready(function(){ 
    $("input").attr("autocomplete", "off");
});

On the other hand, you might have a look at this Chrome Browser Ignoring AutoComplete=Off.

edited Feb 07 '23 at 21:36

answered Apr 03 '15 at 13:09

Murat Yıldız

11,299
6
63
63

score 0 · Answer 6 · answered Jun 01 '20 at 11:17

0

Enclose "form-group" class in form tag and add onSubmit handler with event.preventDefault() method called inside the handler.

answered Jun 01 '20 at 11:17

Deepika Chouhan

1
1

monkey-0001 · Answer 7 · 2021-08-12T12:04:19.053

The attribute autocomplete="off" should work in all major browsers.

<input type="password" name="password" autocomplete="off" />

And if someone looking for the react-semantic-ui solution like me, this should do the trick:

<Form.Input autoComplete='new-password' type="password" />

Will render:

<div class="field">
  <div class="ui input">
  <input type="password" autocomplete="new-password" />
</div>

https://github.com/Semantic-Org/Semantic-UI-React/issues/3743

autocomplete="off" force in browser

7 Answers7

Try this