Chapter 10. jQuery UI: Extreme Form Makeover

image with no caption

The Web lives and dies by users and their data. Collecting data from users is a big business and can be a time-consuming challenge for a web developer. You’ve seen how jQuery can help make Ajax, PHP, and MySQL web apps work more effectively. Now let’s look at how jQuery can help us build the user interface for the forms that collect data from users. Along the way, you’ll get a healthy dose of jQuery UI, the official user interface library for jQuery.

Cryptozoologists.org needs a makeover

Dr. Pattersby and Dr. Gimli are dedicated to collecting as much cryptid sighting data as possible from users around the world. Their website, cryptozoologists.org, is revered by professional and amateur cryptozoologists worldwide. The good doctors have another gig for you: update their very outdated Cryptid Sightings form.

image with no caption
image with no caption
image with no caption

Pimp your HTML form

Below is a mockup of what our cryptozoologists want the new form to look like, along with a few extra notes.

image with no caption

Brain Power

The crytozoologists ...

Get Head First jQuery now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.