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 10-1: Sample form
Figure 10-3: Text box inputs
Figure 10-4: Checkbox inputs
Figure 10-5: Radio button inputs
Figure 10-6: Submit and reset input buttons
Figure 10-7: A customized button
Figure 10-8: Using and image for the submit button
Figure 10-9: File type input
Figure 10-10: Password type input
Figure 10-13: Grouping list options
Figure 10-14: Text area element
Figure 10-15: Grouping and labeling input elements
Figure 10-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 344.
- The URL for the form is http://www.course.com/sklar/webdesign/chp10files/jobsearch.cfm. Enter this value in the action attribute of the form.
Home
