HTMLisEasy.com
HTML tutorials for the rest of us...

 Form Tutor - Quick Reference 

Text


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

Password


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

Radio Buttons

Good
Better
Best
Super Dooper
<form>
<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
</form>

Check Boxes

Gone With The Wind
Dr. Zhivago
Ben-Hur
Tommy Boy!
<form>
<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!
</form>

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


Textarea

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

Pull Down List

<form>
<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!
</select>
</form>

Scrolling List

<form>
<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!
</select>
</form>

Hidden

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

File Upload

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


Submit & Reset

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

Submit using an image

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

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