Case Study: Creating a Reservation Form

After all that theory, let’s put some of it into practice by building a reservation form for the Tozai Hotel case study. In most respects, creating a form with jQuery Mobile is no different from any other web form. However, jQuery Mobile’s use of dynamic styling presents some challenges when working in Design view. The next few pages offer some hints on how to overcome these challenges.

You’ll also learn how to dynamically replace a <select> menu with a text input field when the user chooses an option that calls for direct input.