Learning html
quickly and easily for free.
HTML Forms. 		Topics on this page.
How do I make an internet form for people to fill out and email me? Using www forms without a cgi-script. Making custom submit buttons, and drop down lists on web site pages. Text boxes, radio buttons, check boxes, choosing more than one option. Copy and paste forms.


Main Index

Getting started

The basics

Using text

Hyperlinks

Lists

Images

Tables

Frames

Forms

Uploading your pages

All tags

Meta tags

search engines

Better your rankings

color chart

Recommended reading

e-mail



If this site has helped you at all... Please
Add a link to us.
from your web site.

For some forms to actually work, you'll need a cgi-script. Just type in free cgi-scripts on any search bar, and you'll have plenty to choose from.

You can use this mailto: type of feedback for submitting forms...If you would rather not look for a cgi-script.

<FORM METHOD="post" ACTION="mailto:user@provider.com?subject=feedback" ENCTYPE="text/plain">

The html portion of forms is fairly easy, and you put it in the <body> area, where ever you want.

This is a basic form...

<FORM method="post" action="http://URL/cgi-bin/FormMail.cgi"><br>
Please fill out the form.<br>
Name <INPUT NAME="name" TYPE="text" Size=20><br>
E-Mail<INPUT NAME="email" TYPE="TEXT" Size=20><br>
<p>How did you hear about us?:
<SELECT NAME="single-line listbox">
<OPTION VALUE="website">website</OPTION>
<OPTION SELECTED VALUE="a friend">a friend</OPTION>
<OPTION VALUE="searching">searching</OPTION>
<OPTION VALUE="ad">advertisement</OPTION>
</SELECT></P>
Comments<TEXTAREA WRAP=physical NAME="comments" ROWS=4 COLS=30></TEXTAREA><br>
<INPUT TYPE="SUBMIT" VALUE="Submit">  <INPUT TYPE="RESET" VALUE="RESET"> <br>
</FORM>

This is what it looks like to a browser...


Please fill out the form to get your FREE internet service.
Name
E-Mail

How did you hear about us?:

Comments
   

Wanna add a radio button?
<INPUT TYPE="radio" NAME="Radio Button" VALUE="yes" CHECKED> yup <INPUT TYPE="radio" NAME="Radio Button" VALUE="no"> nope <INPUT TYPE="radio" NAME="radio" VALUE="maybe" CHECKED> maybe
Here's what it looks like...
yup nope maybe

How about check boxes?
<INPUT TYPE="checkbox" NAME="CheckBox Button" VALUE="1"> one <INPUT TYPE="checkbox" NAME="CheckBox Button" VALUE="2"> two <INPUT TYPE="checkbox" NAME="CheckBox Button" VALUE="3" CHECKED> three
Here's what you have now.
one two three

If you want to change the button text?
<INPUT TYPE="submit" VALUE="Yes! sure why not!"> <INPUT TYPE="reset">
and Voila!

For a simple text area...
<TEXTAREA COLS=30 ROWS=4 WRAP="physical" NAME="text area"> Tell us about yourself: </TEXTAREA>
Here's what you end up with...

That's the basics....We could go on and on about forms but they're boring...LOL.
My suggestion when working with forms is to copy and paste the basic form into your html document and then play around with it...That's the way I learned how to work with forms.


24 Hours a Day - 7 Days a Week!!!
Now you can make your HTML learning experience much quicker and easier by joining our HTML Tutorial Club.
For only $20.00 a week, you can ask as many questions as you like and converse with Web Design Experts.
Try it out and get 1 Day FREE.
All Web Design questions answered within 24 hrs.
Next Page...Commonly used TAGS.