O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding jQuery form objects

The experience of filling out a form in a mobile device environment is substantially different than filling out a form on a laptop or desktop. There is no mouse, or even (often) a Tab key to navigate between form fields. Big fingers and tiny options in pop-up menus make for a bad match.

A form that might work fine in a full-sized browser may well be terribly uninviting and inconvenient in a mobile device. Take Apple's store locator (shown in the following screenshot) for example, it is poorly designed for mobile users, requiring mobile users to invoke their frustrating keyboards to enter a zip code into a tiny text field:

Part of the solution to that challenge is that mobile devices often convert form fields to more accessible ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required