jQuery for Designers Beginner's Guide

Time for action – improving form appearance

Follow these steps to take advantage of the styling options made possible by the Uniform plugin:

1. We'll get started with a basic HTML file and associated files and folders, just like we set up in Chapter 1, Designer, Meet jQuery. For this example, in the body of the HTML document, we're going to set up a simple form with examples of each type of hard-to-style form element. Get started with a <form> tag:

   <form id="pretty-form" action="#">
   </form>

2. Then, inside our form we'll add our form elements. We'll start off with a select drop down:

   <fieldset> <legend>Select your favorite juice</legend> <p> <label for="juice">Favorite Juice</label> <select id="juice" name="juice"> <option>Select one</option> <option value="orange">Orange ...