Tab Order of fields

Replies: 0

Having an issue with a built form. I’ve added fields drop downs, check boxes. When a user goes through the form using their TAB key – the form jumps through only 4 of the 6 fields and in the wrong sequence. Any advice?

Link to form: https://steeple.6.ajcomputers-wp.net/event-information/annual-hat-contest/

code of the form:

<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
[text* your-name placeholder "Name: *" ]
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
[tel* your-phone placeholder "Phone: *"]
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
[email* your-email placeholder "E-mail: *"]
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<strong>Age Group(s)</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
[checkbox age-groups "Adult" "Children"]
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="padding-top:1.5em;">
<strong>Total Number of Entrants</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
[number total-entrants min:1 max:50 "1"]
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3" style="padding-top:1.5em;">
<strong >Ticket Location</strong>
</div>
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
[select* ticket-location include_blank "Chairman's Tent" "College Station" "General Admission" "Guarantor Tailgating" "Infield - Backstretch" "Infield - Homestretch" "Picnic Boxes" "RV Village" "Sponsor / Private Tents"]
</div>
</div>
<div class="align-center">
[submit class:cherry-btn class:cherry-btn-warning class:cherry-btn-medium class:color-white "Submit Entry"]
</div>