Principles of Web Design, 2nd Edition

Home > Chapter 9

Table of Contents

Home

Chapter 1

Chapter 2

Chapter 3

Chapter 4

Chapter 5

Chapter 6

Chapter 7

Chapter 8

Chapter 9

Chapter 10

Web Warrior Series

Chapter 9 - Working with Forms

This chapter covers the HTML forms elements. Forms let you build interactive Web pages that collect information from a user and process it on the Web server. You can use forms to gather information and create databases, or send customized responses to your users. Forms collect data but do not process data. The data processing must be performed on the Web server that hosts the form. Forms are the basis for online commerce. Without them users would not be able to enter customer address, credit card, and ordering information on the Web.

When you complete this chapter, you will be able to:

Understand how forms work
Understand forms syntax
Build forms within tables
Build and test a sample form

Form Examples

Figure 9-1: Sample form
Figure 9-3: Text box inputs
Figure 9-4: Checkbox inputs
Figure 9-5: Radio button inputs
Figure 9-6: Submit and reset input buttons
Figure 9-7: A customized button
Figure 9-8: Using and image for the submit button
Figure 9-9: File type input
Figure 9-10: Password type input
Figure 9-13: Grouping list options
Figure 9-14: Text area element
Figure 9-15: Grouping and labeling input elements
Figure 9-17: Form layout enhanced with a table

Exercise File

Download the file form.htm to work on the "Building and Testing a Sample Form" project starting on page 290.