pagetutor.com - HTML tutorials for the rest of us

ExercisesForm Tutor   

The hardest part about building a form is building your first form... your first workable form. So, that's what we're going to do first.

Exercise 1:
Make a simple page and put two text inputs and a Submit button into it. Ask for the user's name and address...

Name:
Address:

VIEW THIS EXAMPLE ON A PAGE BY ITSELF
The form examples presented in these exercises use the mailto action pointing to a dummy email address.

If you have access to a CGI mailform script on the server where you put your pages you can use that to process the form. If you wish, you can use a simple mailto form (just bear in mind that some visitors to your page will have trouble sending mailto forms). You could also take advantage of one of the many free third party form handling scripts. Put this first form together, upload it to your web site and test it to make sure it works. You want the information sent to you as follows (more or less)...

NAME=Bobby Brady
ADDRESS=1099 Mapledale Road

Exercise 2:
Ask for a few more things… first name, last name, address, city, state, zip. Arrange things neatly in a borderless table so everything lines up and looks nice and neat...

Name:
Address:
City:
State:
Zip:
VIEW THIS EXAMPLE ON A PAGE BY ITSELF

<< BACK         NEXT >>
pagetutor.com