I'm creating a web application that is optimized for the iPhone (but also should work on all mobile devices). I have a form field that includes one standard text input and then need a radio button group with two options (Inbound/Outbound). The radio button makes the most sense logically since one option should be selected by default and only one should be selected at a time.
After creating the form though, I'm unhappy with the default user interface of the radio buttons on the iPhone. They are too small, and most importantly there doesn't seem to be a way to use the keyboard on the iPhone to click next through the form. The text field is first, then the radio button group, then submit. I can't figure out a way to get the previous/next buttons to click through my form. Is this even possible?
If I can't make the radio buttons work like I want, what other options are available? Is something like iButton jQuery Plug-in the best option? It seems like a lot to have to import the entire jQuery framework when my app is designed to get the user the info they need as quickly as possible with as few clicks as possible.