Form Tutor - Quick Reference

Text

<INPUT TYPE="text" NAME="ITEM-ONE" SIZE=20><BR> <INPUT TYPE="text" NAME="ITEM-TWO" SIZE=30 VALUE="Enter item 2 here">

---

Password

<INPUT TYPE="password" SIZE=20>

---

Radio Buttons

Good
Better
Best
Super Dooper

<INPUT TYPE="radio" NAME="INPUTNAME" VALUE="GOOD"> Good<BR> <INPUT TYPE="radio" NAME="INPUTNAME" VALUE="BETTER" CHECKED> Better<BR> <INPUT TYPE="radio" NAME="INPUTNAME" VALUE="BEST"> Best<BR> <INPUT TYPE="radio" NAME="INPUTNAME" VALUE="SUPER DOOPER"> Super Dooper<BR>

---

Check Boxes

Gone With the Wind
Dr Zhivago
Ben Hur
Tommy Boy

<INPUT TYPE="checkbox" NAME="Gone" VALUE="YES" CHECKED> Gone With the Wind<BR> <INPUT TYPE="checkbox" NAME="Dr" VALUE="YES"> Dr Zhivago<BR> <INPUT TYPE="checkbox" NAME="Ben" VALUE="YES"> Ben Hur<BR> <INPUT TYPE="checkbox" NAME="TOMMY BOY!" VALUE="YES" CHECKED> Tommy Boy<BR>

---

Textarea

___ ____ ___ ____( \ .-' `-. / )____ (____ \___ / (O O) \ ___/ ____) (____ `----( ) )----' ____) (____ __________\ .____. /__________ ____) (______/ `-.____.-' \______)

<TEXTAREA NAME="COMMENTS" ROWS=7 COLS=56> ___ ____ ___ ____( \ .-' `-. / )____ (____ \___ / (O O) \ ___/ ____) (____ `----( ) )----' ____) (____ __________\ .____. /__________ ____) (______/ `-.____.-' \______) </TEXTAREA>

---

Pull Down List

Lions and Tigers and Bears Oh my!

<SELECT NAME="INPUT01"> <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>

---

Scrolling List

People who feed tacos to a dog should be SHOT!

<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>

---

Hidden

<INPUT NAME="WHODAT" TYPE="hidden" VALUE="Schmeckalecka">

---

File Upload

<INPUT TYPE="file" NAME="AFILE">

---

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

---

PageTutor - Form Tutor

Lessons:   Intro  1  2  3  4  5  6  7  8  9  10  11  12  13  14      Quick Reference

Barebones HTML Guide      Bookstore      Joke Break

Print version available - Get the PageTutor book & CD

QUICK SITE GUIDE MEMBER'S HOME SITE MAP SEARCH THIS SITE CONTACT FAQ PageTutor   Basic HTML Tutor   Table Tutor   Form Tutor   Frames Tutor   ColorPicker   Upload Your Page   Practice Exercises Javascript Tutor

PageTutor Book & Companion CD - take PageTutor anywhere. Bookstore - all the top web design books all in one spot. PageTutor Direct Download Barebones HTML Guide How to keep an idiot busy - a classic little amusement. Web Resources - a listing of quality resources useful to any web author... graphics, javascripts, cgi, etc. GateKeeper - cool password protection with javascript. Magic Buttons - a javascript mouseover tutorial. Joke Break - a joke a day helps keep high blood pressure away.

---

Invest in the future - Hug your kid today.