Writing HTML | About | FAQ | Alumni | Kudos | References | Tags | Lessons | previous | next |

28. Adding some FORM to your webs

Transform your web pages from just text and pretty pictures to things you can



After this lesson you will be able to:


In the next three lessons we will learn how to create web page forms. What are forms? You have almost certainly seen and used them on other web sites. We provide one on our alumni sign up page, as a place for you to send us information about what you have learned in Writing HTML.

Forms are used to add another level of interactivity to your web pages, to allow communication between your viewers and your web site, to gather information, and to offer different means of navigation.

The role of forms is to gather different kinds of user input, i.e. fields to type in text, menus to select items from, radio buttons to choose items. The web browser takes this information, and wraps it up into a packaged format that can be sent directly to a web server, where there is a customized program sitting and waiting for the form information. These programs can unpackage the information, manipulate it, store data, and send a feedback page back to the viewer.

In the next lesson, you will learn how to write the HTML to display different form elements, like the ones displayed at the top of this lesson page. After that, we will show you first how you can make the forms work by emailing the content directly to you as well as how it can be processed with one of those web server ("CGI") programs. Finally, we will show you how you can use JavaScript to provide some of the same functionality as CGI programs, without having to deal with messy programming or running a web server.

Check Your Work

This is an introduction, so we have not made any changes to our project.


Review topics for this lesson:

  1. How are forms used?
  2. Where have you seen and used a web form?
  3. What would prevent you from being able to use forms that required CGI programming?

Coming Next....

Let's some web page forms...

GO TO.... | Lesson Index | previous: "JavaScript: Swapping Images" | next: "Forming Forms" |

Writing HTML: Lesson 28: Adding some FORM to your webs
©1994-2002 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
Questions? Comments? Visit our feedback center

URL: http://www.mcli.dist.maricopa.edu/tut/tut28.html

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.5 License.