Home :: Learning HTML :: Forms :: Example Form
Contents:
There's only one difference between this form and the code that follows. We've made the "to" field a text field instead of a hidden field in the example, so that you can send this form to yourself and see what the results look like. But normally this field would be hidden, as it is in the HTML listed below, and therefore unalterable.
Links in the HTML take you to the appropriate Form Element description.
<H2>Comments</H2>
<FORM METHOD="POST"
ACTION="http://www.madison.k12.wi.us/formtomail.cgi">
<INPUT TYPE="HIDDEN" NAME="to"
VALUE="cburch@madison.k12.wi.us">
<INPUT TYPE="HIDDEN" NAME="from"
VALUE="webmaster@madison.k12.wi.us">
<INPUT TYPE="HIDDEN" NAME="subject"
VALUE="Form Tutorial User Comments">
<INPUT TYPE="HIDDEN" NAME="nexturl"
VALUE="http://www.madison.k12.wi.us/webpub/advanc23.htm">
<P>
Please enter your name:
<INPUT TYPE="TEXT" NAME="Visitor:" SIZE="40"><BR>
Please enter what school/department you're with:
<INPUT TYPE="TEXT" NAME="School or Dept:" size="40">
</P>
<P>
How frequently do you browse the MMSD web site?<BR>
<INPUT TYPE="RADIO" NAME="I visit MMSD's site:"
VALUE="rarely"> Rarely<BR>
<INPUT TYPE="RADIO" NAME="I visit MMSD's site:"
VALUE="some"> Sometimes<BR>
<INPUT TYPE="RADIO" NAME="I visit MMSD's site:"
VALUE="often"> Often<BR>
<INPUT TYPE="RADIO" name="I visit MMSD's site:"
VALUE="constantly" CHECKED> Constantly
</P>
<P>
I use the Internet to: (Check all that apply)<BR>
<INPUT TYPE="CHECKBOX" NAME="I surf for: A)"
VALUE="Find EdTech Resources"> find Technology Related
Educational Resources<BR>
<INPUT TYPE="CHECKBOX" NAME="I surf for: B)"
VALUE="Find Print Resources"> find Print Resources<BR>
<INPUT TYPE="CHECKBOX" NAME="I surf for: C)"
VALUE="Find Sports Stats"> find Sports Stats<BR>
<INPUT TYPE="CHECKBOX" NAME="I surf for: D)"
VALUE="Mail the Prez"> let the President know what a
great/lousy job he's doing
</P>
<P>
I do most of my work with <SELECT NAME="My main OS:">
<OPTION>Macintosh</OPTION>
<OPTION>Windows 3.1</OPTION>
<OPTION>Windows 95</OPTION>
<OPTION>Windows 98</OPTION>
<OPTION>Linux</OPTION>
<OPTION>Other</OPTION>
</SELECT>
</P>
<P>
Your comments:<br>
<TEXTAREA NAME="My comments:"
ROWS="6" COLS="40" WRAP="HARD"></TEXTAREA>
<!-- Notice: Using WRAP="HARD" will always give you a validation
error. If this is your only error on a page with a form,
you may ignore it. No information will be lost if a visitor
uses a browser that doesn't understand WRAP="HARD" -->
</P>
<P>
<INPUT TYPE="SUBMIT" VALUE="Send the Form">
<INPUT TYPE="RESET" VALUE="Clear the Form">
</P>
</FORM>
Previous: Form Elements
Next: HIDDEN Fields
Home:: Learning HTML :: Forms :: Example Form
Home |
Policies |
HTML |
FAQ
Publishing |
Booklet |
Tools |
Links