Given Below are 2 Form's, Form 1 & Form 2
Form 1 : The inputs in Form 1 is styled as they are arranged in HTML that is in horizontal order, this allows users to navigate to the next field using Tab Key on the keyboard.
Form 2 : The inputs in Form 2 is styled in a vertical order, the successor of each inputs come below them, so if you try to navigate through using Tab Key on the keyboard you will end up going down rather than sideways.
In both case you will be able to traverse through all fields but, the second one is a little confusing to users, read more in UX Mistakes 2
BUS Name * Date of journey (2013)* 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 January February March April May June July August September October November December Bus Type * Sleeper Semi Sleeper
Boarding From* To * Via (Root) * Root 1 Root 2 Root 3
Mobile * Repeat Mobile* (You will receive the ticket in this )
BUS Name *
Mobile *
Boarding From*
Date of journey (2013)* 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 January February March April May June July August September October November December
Repeat Mobile*
To *
Bus Type * Sleeper Semi Sleeper
Via (Root) * Root 1 Root 2 Root 3
(You will receive the ticket in this )