Assignment #3
Forms with CSS and Spry

action parameter for your form:    http://webdesign.marknewsome.com/dreamweaver/printform.php

1. Design a "checkout" form for a shopping cart.

Insert a fieldset onto the page set the caption. Create a CSS rule to create a border and center the fieldset.

Inside the fieldset, insert a form element. Set the "action" parameter so that it will post to the URL above.

Inside the form (red box), use Spry validating form elements for the following:

a. first name
b. last name
c. SSN
d. phone number (Note: Test with this format: (541) 555-5555)
e. payment type: credit card or check (hint: "radio")

f. credit card number (Note: for testing use Visa test number: 4111 1111 1111 1111)

g. checking account number
h. name of bank
i. a "checkout" button (to submit the form).

2. Style the page as you wish.    (Try putting a drop shadow on the fieldset!)

Optional challenge:

Make your own "sideways" logo and place it on the left side of the page -- it shouldn't scroll with the page.
Move the form over to the right enough so that it doesn't overlap.

4. Put a link to this assignment on your home page...