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

    <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

    <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 NAME="AFILE" TYPE=file>

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

General Table of Contents | Lessons Intro - 1 - 2 - 3 - 4 - 5 | Quick Reference | Barebones HTML Guide
PROFESSIONAL WEB DESIGN