O'Reilly logo

jQuery for Designers : Beginner's Guide - Second Edition by Natalie MacLees

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

Time for action – improving form appearance

Perform the following steps to take advantage of the styling options made possible by the Fancyform 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. We'll work with a new HTML file, but let's keep using the styles we set up for the earlier forms. Open your styles.css file and paste in the styles we used for our forms in the previous sections.
  2. 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, as follows:
    <form id="pretty-form" action="#">
    </form>
  3. Then, inside our form, we'll add our form elements. ...

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