In my experience, autocomplete is generally more helpful than harmful but there are times when it just gets in the way. For those times, use this handy snippet by @ronalfy to disable this feature.
This snippet requires that HTML5 support is activated for your Gravity Form fields. To activate HTML5 fields, visit your settings page.
| <?php | |
| add_filter( 'gform_form_tag', 'gform_form_tag_autocomplete', 11, 2 ); | |
| function gform_form_tag_autocomplete( $form_tag, $form ) { | |
| if ( is_admin() ) return $form_tag; | |
| if ( GFFormsModel::is_html5_enabled() ) { | |
| $form_tag = str_replace( '>', ' autocomplete="off">', $form_tag ); | |
| } | |
| return $form_tag; | |
| } | |
| add_filter( 'gform_field_content', 'gform_form_input_autocomplete', 11, 5 ); | |
| function gform_form_input_autocomplete( $input, $field, $value, $lead_id, $form_id ) { | |
| if ( is_admin() ) return $input; | |
| if ( GFFormsModel::is_html5_enabled() ) { | |
| $input = preg_replace( '/<(input|textarea)/', '<${1} autocomplete="off" ', $input ); | |
| } | |
| return $input; | |
| } | |
| ?> |
How do I get started?
- This will work with even older versions Gravity Forms but that’s no excuse not to be running the latest version.
- Already have a license? Download Latest Gravity Forms
- Need a license? Buy Gravity Forms
- Copy and paste the snippet into your theme’s functions.php file.
- Once you have installed the snippet, you’re good to go! This one’s plug and play.
If you use it and like it, let us know!
This snippet will apply to all forms and all fields. If you’d like to only apply this to specific forms and/or specific fields, let us know in the comments.
Did this resource help you do something awesome with Gravity Forms? Then you'll absolutely love Gravity Perks; a suite of 29+ essential add-ons for Gravity Forms with support you can count on.
I got google Chrome to NOT do autofill by making the following changes to the code provided:
1) Removed the HTML5 condition for the code
2) Changed autocomplete=off to autcomplete=something-new per the recommendations I found here: https://stackoverflow.com/questions/47775041/disable-autofill-in-chrome-63
FYI, that Stack Overflow link/lead was provided in a different comment.
Anyway, now it’s working for me the way I want. If there are any disadvantages to removing the HTML5 condition for the code, let me know, but so far so good.
I’m pasting the code I’m using in the “Code” box, since it’s not allowed in the comment section.
Hi Dave F, could you re-share your code via a snippi? Our “Code” box is no longer supported (now removed).
This did not work for google chrome. Autofill was still working when I uploaded the script and tested it.
Autofill is different than autocomplete and Chrome does not respect the autocomplete attribute for autofill.
Try this it worked on some of my multi-page form but on the page where I had gravity-pdf preview it had no effect on the remaining address and email fields and in fact those reset the preview proving where this autofill was messing with earlier entries on other pages of the form. I still don’t know how to block it from happening it makes my extensive multi page form useless.
https://organicweb.com.au/16112/wordpress/disable-chrome-autofill/
Latest on it I could find https://stackoverflow.com/questions/47775041/disable-autofill-in-chrome-63
Hello. How can I disable the autocomplete in a specific field? I badly need it.
Replied via support. :)
Hi, I am interested in using this code in my theme to disable Auto Complete in my Gravity Forms but the theme’s function file is limited and states not to enter any coding in it. Is there an alternative way please?
Thank you
Sure, Dave. This plugin will let you install snippets from your admin. https://wordpress.org/plugins/code-snippets/
Thanks for the reply David but unfortunately it didn’t work
Is there any other way of making this work please?
Hey David, How can I use this feature for specific fields in a form? It is necessary in conjunction with Auto-complete perk so that the browser auto-fill does not interfere with that function (especially on mobile). Alternatively to automatically disable browser auto-fill for all fields where auto-complete perk is active.
Hey Sam, drop me a line via support and I’ll update GP Auto-complete to automatically disable the HTML autocomplete.
Is there a way to block a user from copying and pasting into a field?
It does appear to be possible but I’m not aware of a Gravity-Forms-specific solution.
Any way this could be modified for autocapitalize? And preferably to turn off autocapitalize AND autocomplete for a specific field (like email address, especially for mobile users)?
Sure, Cieran. Duplicate the snippet and everywhere you see “autocomplete”, replace it with “autocapitalize”.
Is there a way to disable autocomplete for a field type (like the date field) or for a specific field in a specific form?
We don’t have a ready solution for this but thanks for the suggestion. We’ll see if other users need this too and update the article accordingly.
I’ve had a look at your video where it shows your Perk – Auto Complete, http://www.screencast.com/t/RFsnB5xrg, however I have the perks packaged installed and I can’t find that perk anywhere. I can’t even find it through your site’s search.
Where can I download it?
Hi Jordan/David,
I hope this message finds you! I put the code into the functions.php, enabled HTML5, but it doesn’t seem to be working for me. Anything I can do to get this to work? I’m using the following versions:
PHP Version 5.3.29 MySQL Version 5.1.56 WordPress Version 4.2.2 Gravity Forms Version 1.9.9
Thanks!
Also, here’s the site. Thanks again! http://www.wvsun.org/solar-coops/charleston-solar-co-op/
Hi Grant, try getting the snippet from the “raw” version. It looks like the formatted version above isn’t quite right.
https://gist.githubusercontent.com/ronalfy/6184373/raw/gravity-forms-disable-autocomplete.php
Thanks for replying David! Unfortunately I already did use the raw version, and it didn’t work for me. Any other thoughts on a fix?
I didn’t realise GFs had autocomplete. Can you advise how to use this as I can see nothing about it?
Nigel
This article is for browser-powered auto complete where previously submitted data is saved by the browser and then suggested to the user when they begin to type into fields. Similarly, you can override the default auto-complete with your own and provide your own data to auto-suggest. I have a perk in the works which you can see here:
http://www.screencast.com/t/RFsnB5xrg
If you’d like to give this perk a try, pick up a copy of Gravity Perks and drop me a line via the support form requesting access to this unreleased perk.
I didn’t even realize GF had autocomplete. I have never seen it in action. Is this on by default?