Fix chrome autofill issue on Magento checkout

Learn how to fix “This webpage has disabled automatic filling for this form” magento bug in Chrome browser.
Imagine yourself on magento checkout using your favorite browser – chrome, and have to fill in your personal info in order to make a purchase. Just as usually, you press “down” key on your keyboard for autofill to kick in. Nothing happens, you just get ugly message that “This webpage has disabled automatic filling for this form”.
If you happen to be a developer who also coded that website, you might feel confused, ‘cause you don’t remember disabling anything.
You’ll probably check your code, and try to add explicitly “autocomplete=on” to your form. But it won’t help you.
Luckily, solution is pretty simple. You just have to add method to your form. Either “post” or “get”. Chrome has a feature, or a bug, whatever you want to call it, but it disables autofill for forms without the method attribute. So just add your method and that will do it.
8 comments
How do I fix this problem using my Iphone ? Thank You !!!
Great job. Thank you very much for your sharing.
Link to example in Stack Exchange:
http://magento.stackexchange.com/questions/4468/enable-the-browsers-autocomplete-in-onepage-checkout-form
I have a same requirement as u explained and placed autocomplete=”on” and method=”post”. But none of them worked. Can u help me on this
I had the “post” action in my form and still have the problem.. :S
An example would be helpful.
This is by far one of the most annoying things when trying to test the checkout. Particularly when I’m testing email templates…
Thanks for this!
Do you believe it’s worth turning off the feature? I have been researching ways to reduce errors for shipping address. I have really been looking into address validation.