Today, I'd like you to create another handsome form. Make sure
your form contains all of the following:
- a form tag containing a method attribute set to
method="post" and an action attribute set to send
all form data to the form processing program located at the
following URL:
http://www.ed2go.com/cgi-bin/formpost.cgi
- a text box with a label of Email Address;
- a text box with a label of Password;
- a checkbox that is pre-selected with a label of Add
me to your mailing list;
- a set of two radio buttons labeled male and
female;
- a drop-down list with a label of Age and each of
the following nine options: 1-18, 19-29, 30-39, 40-49,
50-59, 60-69, 70-79, 80-89, 90+
- a submit button with a label of Submit Form
You are free to choose your own values for any attributes not
specified above, such as the name or size or
value attributes. You may arrange the fields in any way that
you believe makes sense, as long as it has an orderly and
professional appearance.
When you finish, save your work as "form3.html" and open it in
your browser. Fill out the form completely with bogus
information and submit it to my form processing program.
Count the number of fields the form processing program displays.
If you see four or five discrete pieces of information
(depending on whether or not you selected the checkbox),
congratulations -- your form worked perfectly!
If the form processing program did not display every field for
which you provided information, check your form for typos.
Perhaps you gave your checkbox field the same name as your
drop-down list, or you assigned a different name to each of your
two radio buttons. Correct the error and try again.
If you have any questions or difficulties with this assignment,
please let me know! And if you're particularly proud of what
you've done, feel free to upload your work to the Web and use
the discussion area to share the URL with your classmates.
|