CODEWITHSUNDEEP
javascripthtmlcssfirefox
Adam
Adam

Reputation: 28969

autocomplete='off' does not work in Firefox?

I have an input field <input type='text' name='user' autocomplete='off'> but autocomplete is still active.

This is what I see when I inspect the element

enter image description here

It seems that Firefox somehow thinks that this field is a password field and uses the build-in Login Manager storage module. I did not use any Javascript on this input element.

I also noticed a strange key symbol at the autocomplete drop-down list

enter image description here

How can I get rid of that key symbol and disable autocomplete?

Heres my HTML Code

<form class='clearfix'>
  <div id='loginForm'>
    <label>
      Login 
      <span>
      <a href='/memberArea/lostPass.php' id='hackB'>
       Forgot Password? Click here!</a></span>
    </label>
    <input type='text' name='user' id='username' autocomplete="off">
    <label  >Password </label>
    <input type='password' name='pass' id='passLogin' autocomplete="off">
  </div>
  <button class='confirmbutton' id='loginButton'>Login</button>
</form>

Upvotes: 1

Views: 4189

Answers (1)

Hash
Hash

Reputation: 8020

Clear browser, Try,

<!--
  <form autocomplete="off"> will turn off autocomplete for the form in most browsers
  except for username/email/password fields
  -->
<form autocomplete="off">

  <!--  fake fields are a workaround for chrome/opera autofill getting the wrong fields -->
  <input id="username" style="display:none" type="text" name="fakeusernameremembered">
  <input id="password" style="display:none" type="password" name="fakepasswordremembered">

  <!--
    <input autocomplete="nope"> turns off autocomplete on many other browsers that don't respect
    the form's "off", but not for "password" inputs.
  -->
  <input id="real-username" type="text" autocomplete="nope">

  <!--
    <input type="password" autocomplete="new-password" will turn it off for passwords everywhere
    -->
  <input id="real-password" type="password" autocomplete="new-password">

</form>

Upvotes: 1

Related Questions