HTML tutorials for the rest of us...

 Form Tutor - Quick Reference 


<input type="text" name="item-one"><br>
<input type="text" name="item-two" size="30" value="Enter item 2 here">


(anything typed shows up as ******)
<input type="password">

Radio Buttons

Super Dooper
<input type="radio" name="Quality" value="good"> Good<br>
<input type="radio" name="Quality" value="better" checked> Better<br>
<input type="radio" name="Quality" value="best"> Best<br>
<input type="radio" name="Quality" value="super dooper"> Super Dooper

Check Boxes

Gone With The Wind
Dr. Zhivago
Tommy Boy!
<input type="checkbox" name="GW" value="yes" checked> Gone With The Wind<br>
<input type="checkbox" name="DZ" value="yes"> Dr. Zhivago<br>
<input type="checkbox" name="BH" value="yes"> Ben-Hur<br>
<input type="checkbox" name="TB" value="yes" checked> Tommy Boy!

While all these check boxes have the same value, you could just as easily use different values.


<textarea name="Comments" rows="7" cols="56">
       ___               ____               ___
  ____(   \           .-'    `-.           /   )____
 (____     \___      /  (O  O)  \      ___/     ____)
(____          `----(      )     )----'          ____)
 (____     __________\  .____.  /__________     ____)
   (______/           `-.____.-'           \______)

Pull Down List

<select name="mylist">
<option value="item1">Lions
<option value="item2">and
<option value="item3">Tigers
<option value="item4">and
<option value="item5">Bears
<option value="item6">Oh my!

Scrolling List

<select name="Stuff" size="3">
<option value="stuff-a">People
<option value="stuff-b">who
<option value="stuff-c">feed
<option value="stuff-d">tacos
<option value="stuff-e">to
<option value="stuff-f">a
<option value="stuff-g">dog
<option value="stuff-h">should
<option value="stuff-i">be
<option value="stuff-j">SHOT!


<input name="whodat" type="hidden" value="Schmeckalecka">

File Upload

<input type="file" name="myfile">

Submit & Reset

<input type="submit" value="Submit my form">
<input type="reset" value="Reset my form">

Submit using an image

<input type="image" src="submit.gif" width="94" height="26" border="0" alt="Submit">

Mailto form test

About CGI form processing


Form Tutor
Lessons: Intro 1 2 3 4 5 6 7 8 9 10 11 12 13      Quick Forms Reference
HTML 4.0 Reference      Barebones HTML Guide