Question

This kind of question may be asked several times but my problem is different.

I have a Text field and its declaration is like this

<input type="text" autocomplete="off" name="email" id="email" value="Email" onfocus="if (this.value=='Email') this.value='';" onblur="if (this.value=='') this.value='Email';" onkeyup="javascript:chk_email(this.value);" onblur="javascript:chk_email(this.value);" />

When I enter a word a drop down of all similar cache email is coming below the textbox.

I try with adding autocomplete="off" in input tag still it is coming.

I also write this javascript but no luck.

<script type="text/javascript">
    document.getElementById("email").reset();
</script>

Is there any way I can remove this drop down of cache email from my form. I only want to remove only this textbox’s cache not the whole forms.

Answer 1

autocomplete="off" is not valid markup with XHTML Transitional, which is a common DOCTYPE

try

jQuery

$("#email").attr("autocomplete","off");

Javascript

document.getElementById("email").setAttribute("autocomplete","off");

Let me know if this help or not.