auto complete attibute not working in HTML

Question

I have input box with email address. It should not be auto complete but even after added autocomplete="off" in input box. Its showing auto complete values.

Answer 1

it is probably found in chrome...but you can try

in form tag add autocomplete="off" autocomplete="false" autofill="off"

and then add following code after form opens...

<input type="text" name="usernamefake" style="display:none;"> 
<input type="password" name="fakepassword" style="display:none;"> 

<!-- from here now your all input fields...below-->

If your problem doesn't get solve with above solution, you can add one more hidden fake input field just above your actual email input field and have a try...

Update :

you can try

<input type="text" name="email" readonly  onfocus="if (this.hasAttribute('readonly')) {
 this.removeAttribute('readonly');
 this.blur();    this.focus();  }" />

this.blur(); this.focus(); is for mobile screens to show keyboard after readonly attribute is removed..by js

EXAMPLE CODE :

div{
  padding:10px;
  margin:20px;
}
input {
  padding:5px;
  margin:5px;
}

<div>
<form autocomplete="off">
  <label for="email">E-Mail</label>
  <input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) { this.removeAttribute('readonly');
     this.blur();    this.focus();  }" />
  <br/>
  <label for="pw">Password</label>
  <input id="pw" readonly type="password" onfocus="if (this.hasAttribute('readonly')) { this.removeAttribute('readonly');
    this.blur();    this.focus();  }" />
  <br/>
  <input type="submit" value="Go!" />
</form>

</div>