HTML Tutorials

Putting It All Together

Now that you've learned how to create and use form elements, it's time to put together a form of your own.

Next, we'll see a sample of the output this form would send to your Prodigy mailbox each time a visitor fills it out and sends it.

Finally, we'll view the HTML code used to create this form, which you can copy and modify for use in creating your own Web Guest Book.

Please Sign My Guest Book

Form Output

Here's what the sample form's output would look like when viewed in your Prodigy mailbox:

Date:     Mon, 19 Feb 1996 12:15:00 -0500
From:     Prodigy WWW Mail Gateway  [nobody@prodigy.com]
Subject:  My_Guestbook

source -> Link from Another Web Page
Preferences -> Information that I found
Preferences -> Graphics and images
Preferences -> My Links to Other Pages on the Web
prodigy -> on
inetexplore -> on
area -> 1
Comments -> I really enjoyed visiting your page and think you have great 
            information. I'll check back next week to see what's new!

URL -> http://pages.prodigy.com/your_url
NAME -> Mr. John P. Doe
Email -> JohnP.Doe@prodigy.com

HTML Code

Here's the HTML behind the form at the top of this page:

<HTML>

<FORM METHOD="post" ACTION="http://pages.prodigy.com/cgi-search/mailto">

<INPUT NAME="to" TYPE="HIDDEN" VALUE="your_email_address@prodigy.com">

<INPUT NAME="subject" TYPE="HIDDEN" VALUE="Value_for_Subject_Field_in_email">

<INPUT NAME="nexturl" TYPE="HIDDEN" VALUE="http://pages.prodigy.com/wherever">

Please Sign My Guest Book How did you find my Web page?

<SELECT NAME="source">

<OPTION>Was just wandering around

<OPTION>Prodigy's Search Personal Web Pages

<OPTION>Link from Another Web Page

<OPTION>Other

</SELECT>

What do you like about my page? (You can select more than one item!)

<SELECT NAME="Preferences" MULTIPLE SIZE=3>

<OPTION>Information that I found

<OPTION>Graphics and images

<OPTION>My Page Design

<OPTION>My Links to Other Pages on the Web

<OPTION>None of the above

</SELECT>

Which Web browsers are you currently using?

Prodigy<INPUT NAME="prodigy" TYPE="CHECKBOX">

Netscape<INPUT NAME="netscape" TYPE="CHECKBOX">

Internet Explorer<INPUT NAME="inetexplore" TYPE="CHECKBOX">

Mosaic<INPUT NAME="mosaic" TYPE="CHECKBOX">

Other<INPUT NAME="other" TYPE="CHECKBOX">

Will you visit my Web page again?

Yes<INPUT NAME="area" TYPE="RADIO" VALUE=1 CHECKED>

No<INPUT NAME="area" TYPE="RADIO" VALUE=2>

Not Sure<INPUT NAME="area" TYPE="RADIO" VALUE=3>

Please use this space for general comments about my Web page:

<TEXTAREA NAME="Comments" ROWS=5 COLS=40>

</TEXTAREA>

If you have a Web page, what is your URL?

<INPUT NAME="URL" TYPE="TEXT" VALUE="http://" SIZE=75 MAXLENGTH=60>

Please enter your full name:

<INPUT NAME="NAME" TYPE="TEXT" SIZE=75 MAXLENGTH=75>

What is your Email address?

<INPUT NAME="Email" TYPE="TEXT" SIZE=60>

<INPUT TYPE="SUBMIT" VALUE="Send Now">   <INPUT TYPE="RESET" VALUE="Clear">

</FORM>

</HTML>

Creating Your Own Web Guest Book in Three Easy Steps

Select Edit on the Prodigy browser Menu Bar, and then select Copy. This will capture all the text from this page and copy it to the Windows clipboard.

Next, open Windows Notepad or your favorite HTML editor and select Paste. Delete everything but the HTML form code above, which you can then modify to construct your own Personal Web Pages Guest Book form.

Finally, use Personal Web Pages Site Manager to upload your form page to your Web directory, then link to it from your other Web page(s).