I’m a big fan of Gravity Forms, here’s a little trick I discovered when you’re using two forms on the one page.
It may be a small thing but from a user’s perspective, it’s pain when forms don’t work like they expect.
Most people expect to be able to hit the tab key when in a form to be able to jump to the next field. Gravity Forms handles this for you when you have one form but when you have two forms, there’s a little trick.
How to set a tab index
When placing the forms in your page or post, add the tabindex attribute to the form short code of the second form.
It can go anywhere along the short code as long as it’s after the gravityform code name, easiest is just place it at the end like this.
gravityform id="1" name="Foo Bar" tabindex=32
As for the number, 32 just make it a number bigger than the number of fields you’ve got in your first form and you’re done.
I can’t recall exactly which version of Gravity added this but I’ve been meaning for a while to come back and update this. When inserting a form in the WordPress editor now, click into the advanced section and there is a tool that will add the tabindex details to the Gravity Forms shortcode.
As per the screenshot below.
Don’t have Gravity Forms yet? More information about the plugin is available here.