Form Tutor- Lesson 5 (last one!) Well folks, that's it! For this tutorial that is. You have learned all the major FORM tags. There is a little more here and there, but nearly all of what you'll need to do can be done with these tags.

TCF389 Students:

You now have all the tools for creating forms that will e-mail a user's input to you. Put this into practice by creating a form that sends e-mail to your bama.ua.edu account and includes

1. A text area
2. Radio buttons
3. Checkboxes
4. A pull-down list
5. A TEXTAREA
6. A subject heading
7. A SUBMIT button

If you have created this properly the user will be shown a "Form Processing Report" that lists all the NAMEs and indicates the values that he/she has entered. It'll look something like this:

RCPT: jbutler@ua.edu
subject: TCF389 Survey
name: jeremy
from: jbutler@ua.edu

Message sent successfully. Thanks for the input!

In addition, you should receive, via e-mail, the same NAMES/values.

Feeling ambitious?

Then try out Barta's Frames Tutor and learn how to do HTML frames.

The HTML Reference Library

An outstanding html guide and reference source in windows HELP format. I use it all the time. You may even want to visit their homepage.

Beginner's Guide to HTML

A good concise guide that explains the basics very well. I keep a copy and still refer to it on occasion.

Barebones Guide to HTML

Another outstanding guide that you will want to keep within easy reach. (This reference is also included as part of this tutorial package. Access it locally here.)

HTML Elements List

For the technoids. From Sandia National Laboratories. A very, very complete listing of html tags.

The Web Developer's Virtual Library

A great source of information touching on all aspects of web and site design.

If you need stuff for your pages... ...like backgrounds, bullets, images, sounds, JavaScript or whatever, come by our Web Page Resources section. Help yourself to armloads of stuff!

If you would like to add a link to the Professional Web Design site, you are welcome to use the following...

This site designed with
a little help from:

HTML authoring tutorials

Just grab the above image, save it as proweb1.gif, and paste the following HTML code into your page...

<CENTER>
<FONT SIZE=2 FACE="Arial">This site designed with<BR>
a little help from:<BR>
<A HREF="http://junior.apk.net/~jbarta/">
<IMG SRC="proweb1.gif" ALT="Professional Web Design"
WIDTH=172 HEIGHT=53 BORDER=0></A><BR>
<I>HTML authoring tutorials</I></FONT>
</CENTER>

Or if you prefer to just use the image...

<A HREF="http://junior.apk.net/~jbarta/">
<IMG SRC="proweb1.gif" ALT="Professional Web Design"
WIDTH=172 HEIGHT=53 BORDER=0></A>

Make sure that proweb1.gif is in the same directory as your page.

(These are just suggestions. You can, of course, link any way you want or not at all. You can stand on top of a bus and point at me if you want.)