FDI Home  
 
1 pixel

Basic Elements of Web Content

Form Codes


Forms

This code starts the form and will send the results to the URL shown.
<form method="post" action="http://www.vt.edu/cgi-bin/disgroup/generic-mailer.pl">
This code tells the URL above to send the processed results to the e-mail address shown.
<input type="hidden" name="email" value="ed.schwartz@vt.edu">
This code tells requests the results be returned as text.
<input type="hidden" name="format" value="text">
This sends the client to the URL listed below once the results have been successfully posted.
<input type="hidden" name="redirect" value="http://www.fdi.vt.edu/summer/2001/course_materials/
sharedfiles/Media/thanks.html">
This code sets the title of the e-mail with the results.
<input type="hidden" name="subject" value="TRACK-NVC SAMPLE FORMS DOCUMENT">
This shows the word "Name:"
<b>Name:</b>
This code creates a text input box that is 60 characters long and will appear in the returned e-mail with the text "01 Name" in front of the text.
<input type="text" name="01 Name" size=60>
This shows the word "Email Address:"
<b>Email address:</b>
This code creates a text input box that is 40 characters long and will appear in the returned e-mail with the text "02 Email Address" in front of the text.
<input type="text" name="02 Email Address" size=40>
This shows the word "Comments:"
<b>Comments:</b><br>
This code creates a text input box that is 24 characters wide, six rows deep and will appear in the returned e-mail with the text "03 Comments" in front of the text.
<textarea name="03 Comments" rows=6></textarea>
This shows the words "Hardware platform:"
Hardware platform:
This code creates a pull down menu that has three rows with the words: Macintosh, Windows 98 & Both, and will put the selected word in the returned e-mail with the text "04 Platform" in front of the text.
<select name="04 Platform">
<option>Macintosh
<option>Windows 98
<option>Both
</select>
This shows the words "Software required:"
Software required:<br>
This code creates a checkbox that has with the words: Microsoft Word 97/98, and will put the selected word in the returned e-mail with the text "05 software-word" in front of the text.
<input type="checkbox" name="05 software-word">
Microsoft Word 97/98<br>
This code creates a checkbox that has with the words: WordPerfect, and will put the selected word in the returned e-mail with the text "06 software-wordperfect" in front of the text.
<input type="checkbox" name="06 software-wordperfect">
WordPerfect<br>
This code creates a button that submits the data that has been entered.
<input type="Submit" value="Submit Request" name="Submit">
This code creates a button that clears all of the data that has been entered.
<input type="Reset" value="Clear Form" name="Reset">

Name:

Email address:

Comments:

Hardware platform:

Software required:
Microsoft Word 97/98
WordPerfect

This Text is returned to your e-mail:

Date: Sat, 07 Apr 2001 15:12:08 -0400 (EDT)
From: Nobody
Subject: TRACK-NVC SAMPLE FORMS DOCUMENT
To: ed.schwartz@vt.edu
Reply-to: webmaster@vt.edu
MIME-version: 1.0
X-Remote-Host: 128.173.53.72
X-Remote-Ident: unknown

Results from : http://www.fdi.vt.edu/summer/2001/course_materials/sharedfiles/
Media/InteractiveElements.html : redirect=http://www.fdi.vt.edu/summer/2001/course_materials/sharedfiles/
Media/thanks.html
01 Requested by=Ed Schwartz
02 Email Address=Ed.Schwartz@vt.edu
03 Comments=This is text from the scrolling comments box. This text is more than enough to fill the entire box so you can see that even after you hit the bottom of the box, you can continue to type.
04 Platform=Both
05 software-word=on
06 software-wordperfect=on

Sat Apr 7 15:12:08 EDT 2001

1 pixel
1 pixel
1 pixel
Faculty Development Institute, Virginia Tech
Copyright 2003. All rights reserved.