Just use the autocomplete attribute:
<input name="q" type="text" autocomplete="off"/>This would be useful when a text input is one-off and unique. Like a CAPTCHA input, one-time use codes, or for when you have built your own auto-suggest/auto-complete feature and need to turn off the browser default.
You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.
Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.
Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.
To make your web application iPhone and iPad friendly, you can also control whether or not automatic correction or capitalization is used in your form’s input fields. This can come in handy for username fields. Do so by implementing code along the following lines:
To turn off autocorrect:
<input type="text" name="some_name" autocorrect="off"></input>
To turn off autocapitalize:
<input type="text" name="some_name" autocapitalize="off"></input>
That is a very good snippet! Thanks!
Use in the tag form autocomplete=”off” ..
autocomplete=”off” is not valid markup with XHTML Transitional, which is a common DOCTYPE. Use this to keep a vaild markup
if (document.getElementsByTagName) {
var inputElements = document.getElementsByTagName(“input”);
for (i=0; inputElements[i]; i++) {
if (inputElements[i].className && (inputElements[i].className.indexOf(“disableAutoComplete”) != -1)) {
inputElements[i].setAttribute(“autocomplete”,”off”);
}
}
}
it worked for me for safari mobile..thanks buddy
Nice Script working Fine,
Thank You!
thx a lot u solved my problem :)
Thank You…The Javascripts works for me :)
asfsda
Is there anyway to style the autocomplete? (without js)
I have seen:
But it is not working and only for webkit browsers. I have a large font-size for “placeholder=”blabla” and need autocomplete. The autocomplete with this font size is look horrific…
So:
:)
The autofill feature on iOS not always work based on the site being surfed. I have web application when browsed on iPad the autofilll does not work. Is there any trick to enable it? Please advise
There is a small issue using, when the page is validated with w3c validator it shows error “there is no attribute “autocomplete””
I ask stackexchange.com to add this feature providing a link to your blog article: http://meta.stackoverflow.com/q/148009/195437
Add form Tag autocomplete=”off” you don’t need add individual input tag for auto complete off
Probably not a good idea if your visitors use Chrome, kunal.
See http://stackoverflow.com/questions/7973462/chrome-ugly-message-when-autofill-is-disabled.
Thanks, autocomplite attribute is part of HTML5 works with the following <input> types: text, search, url, tel, email, password, datepickers, range, and color.
Just tried adding autocomplete=off to each input field – that didn’t work, but adding it to whole form does.
i.e.
input autocomplete="off" /– no go,form autocompete="off"– works…unless there’s something wrong with my browser(s).Well, now your input controls will not COMPETE with one another, ha!
ust tried adding autocomplete=off to each input field – that didn’t work, but adding it to whole form does.
i.e. input autocomplete=”off” / – no go, form autocompete=”off” – works…unless there’s something wrong with my browser(s).
Great! you save my time. Thanks a lot. But one more thing, its not w3c valid attribute. What should we do to get validation but still using autocomplete off feature? Thanks in advance.
Guys it’s not working, if I use the Jquery method to turn off the autocomplete feature :(
I have to swap the username and password fields. And let the username float left. Otherwise, the username and password are auto filled.
Hi
I am facing the problem where if we click on add new user form in my application, Firefox autofills username and password with administrator username and password. How did you solved this? Can you please explain. I need to urgently implement this.
I know your going to laugh, but where do I enter that? (<input…..)? I would really like to disable autocomplete in my browsers, and I can't get it right on the registry.
none of the above solutions worked for me. :(
Chrome seems to be ignoring the autocomplete attribute as of version 34.
I have set the attribute of autocomplete=”off”. But safari browser autocomplete is working. How to slove the autocomple off problem?!!
If you need to disable autocomplete for a password field, feel free to use a plugin I created: https://github.com/say2joe/jquery.disable-autocomplete
Nice snippet! Thanks!
Setting the autocomplete attribute to “off” does not disable Chrome autofill in more recent versions of Chrome. Instead you must set autocomplete on each input as follows
<input autocomplete="smartystreets">you can set autocomplete to anything besides “on” or “off” and it will disable Chrome autofill
None of the above works. I tried setting autocomplete=off, I tried setting the meta tag to no cache, I tried programatically setting the values with jquery and I tried to explicitly setting the value to nothing. Why is nothing possible when we need this simple functionality? It is a time thief that html, css and javascript are so lousy tools they can’t even make the simple things simple. This is a simple task so it should be simple and there should be one obvious solution so where is the obvious solution?
Not sure if you’re still looking for a solution, but I was in the same boat, spent a few hours on this 1 BS problem, and finally found this solution that worked:
Literally just put those two fake fields above your actual input fields in your form and chrom will autofill those instead. Problem solved! :D
originally found here:
http://www.tech.theplayhub.com/disabling_chrome_autofill/
My previous comment ended up no longer working as well, but there was another comment later down the list of comments that did work for me:
This basically makes it so that the field is locked until you click in there. This worked every time for me without having any of the other workarounds in place (of which I had tried them all, even salting the url string and autocomplete fields with random numbers!)
thank u clint!!! this really works for me!!!
Awesome..!! You are Gem..!!
This will not work in all cases. for example name text field and then password field set to readonly. Once you click the the password readonly field you now have made it not readonly, then if you go back and auto-fill the previous name field the password field will be auto-filled.
I’d much sooner use jQuery to do this:
// Remove auto inputs on mobile
$(‘.ginput_container input’).attr({
autocomplete: “off”,
autocapitalize: “off”,
autocorrect: “off”
});
It’s far simpler than all solutions. Go to stackoverflow and there’s one perfect suggestion:
Instead of autocomplete=”off” use autocomplete=”false”
and it works.
Hi autocomplete is working fine, but the autocomplete bar(that sits above the android keypad still exists without autocomplete text. Can any one please suggest me how do I hide it using JAVASCRIPT and CSS.
Hi autocomplete is working fine, but the autocomplete bar(that sits above the android keypad still exists without autocomplete text, that hides the login button so) Can any one please suggest me how do I hide it using JAVASCRIPT and CSS.
Why Don’t Everyone Use This….
It’s So Simple… :)
Hello ,
the whole page autocomplete off is by applying this “autocomplete=off” into the form-tag.
that’s it.
Thanks to all
This trick doesn’t work any more for password fields. Browsers are ignoring autocomplete.
you can avoid passwords autocomplete by adding
autocomplete="new-password"to the password fieldTry autocomplete=”false”
Using fake input field at the beginning of the form works for me.
You need to put them as
visibility: hiddenotherwise Chrome and FF will ignore it.Using fake input field at the beginning of the form works for me.
You need to put them as
visibility: hiddenotherwise Chrome and FF will ignore it.