Creating Reusable Assets and Forms - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 374

Figure 6-41 Form with two buttons

Reset button

Reset b utton
attrib u tes

◗

8. Save the page, toggle on Live View to preview the form as it will appear in a
browser, and then toggle off Live View to return to Design view.

Testing a Form
You should test a form to ensure that it displays properly in all of the browsers you plan
to support and to ensure that the form functionality is working. You should view the form
locally to verify that the form objects are laid out properly, and then you should upload
the site and test the functionality of the form over the Web. It is sometimes possible to
test the functionality of a form locally, but often, when the form-processing script resides
on a Web server, the script will not work properly until the site is posted to the remote
server. In this case, the script is located in a Web page and is set up to test the form.
When you click the Submit button, the script will display the information that would be
sent to the server if the script were located there.

Testing a Form
When you test a form, you should input data in each field to verify that it is functioning
and then submit the form to verify that the processing script is working properly and
that any requested information is returned to the end user. If the form returns an error,
you should check the form attributes to make sure that the action, method, and enctype
are correct. If you are still having problems, check the script to make sure that it is in the
correct location and that it has been configured correctly.

You will test the contact form. Because the script is in a Web page, you can test the
form locally. The process for testing the form is the same as it would be if you were test-
ing the form over the Web.

To test the contact form:

◗

1. Preview the contact.html page in a browser.
◗

2. In the First Name text box, type your first name.
◗

3. In the Last Name text box, type your last name.
◗

4. In the Email Address text box, type your e-mail address.