Knowledge Base/Knowledge Base/Sign Up Forms

Why Does Hitting Tab Switch Me Between Forms?

AWeber - Matt H
posted this on July 26, 2012 03:26 PM

If you have more than one sign up form on a page, you may find that hitting the TAB key on your keyboard switches you between forms rather than simply moving your cursor to the next field in your current form. If this is happening to you, you can use the Raw HTML Version of one of those forms and make a small change which will fix the problem.

Step By Step Instructions

  1. First, you'll need to make sure one of the forms on that page is using the Raw HTML Version (if you're already using the Raw HTML, skip to step 2). To get that version of the form, just go to your Sign Up Forms tab in your account.

    21749151_step01.jpg

    Click the Publish link of the sign up form in question.

    21749151_step02.jpg

    Then click the Raw HTML Version tab, copy the HTML that appears, and replace the form that is currently on your website with this version.

    21749151_step03.jpg

  2. Now you will need to change the tabindex value for the fields in this form. You can quickly find this in the HTML for your form by using Ctrl+F (or Command+F on a Mac) and searching for tabindex in your HTML editor.

    KB0580_step04.png

  3. You'll notice that the tabindex values start at 500 and continue upwards (501, 502, etc.). Just change these from numbers in the 500 range to the 600 range.

    KB0580_step05.png

  4. Now when you save the changes to your website, hitting tab will work correctly.
 
Topic is closed for comments