SubmissionChamber: Help Guides: HTML Forms

Home > Help Guides > HTML Forms

July 23, 2008, 7:49 pm

Site Menu

Adult Services
Adult Services (Home)
AVS Services
Adult Content
Adult Design
E-Processing
Legal Services
Web Hosting
Add Resource

Webmaster Resources
Adult Sponsors
Traffic Services
Scripts/Software
Traffic Counters

Other Resource Sites
Adult Resources
Misc. Resources

Help Guides
Help Guides

Adult Sites
Adult Sites

Contribute
Add Resource
Add Adult Site
Submit an Article

Advertise
Advertise

Contact Us
Contact Us
Terms of Use

Home
Site Map

HTML Forms
Forms are used in many ways but most have the same end result, getting information back to your site with endless results. We have listed the basic of form tags to help you out in your webpage design. You may need to be in IE to view the results.

This is the beginning tag you need to start a form:

<FORM METHOD="POST" ACTION="CGI_Script_or_E-mail_ Address">

Remember to always end your tag with the following: </FORM>, this is the form end tag.

Below are some types of forms and elements:

<INPUT TYPE="TEXT">
This is your basic TEXT BOX:

<INPUT TYPE="RADIO">
This is your basic RADIO BUTTON used for single options:

<INPUT TYPE="CHECKBOX">
This is your basic CHECKBOX also used for multiple options:

<INPUT TYPE="SUBMIT">
This is your basic SUBMIT BUTTON:
All forms need this button to process the form and send the information to the web server.

<INPUT TYPE="RESET">
This is your basic RESET BUTTON:
Great for long forms

<INPUT TYPE="HIDDEN">
You can use numerous hidden fields:

The one I have here will take you to another page, maybe a Thank You page.
This cannot be seen by your visitors:
<input type="hidden" name="success" value="http://www.yourdomainname.com/thankyou.html">

DROP-DOWN MENU:
Here is the most popular drop down menu you can use.

<SELECT><OPTION VALUE="Select">Select <OPTION VALUE="Chamber">Chamber<OPTION VALUE="Dungeon">Dungeon<OPTION VALUE="Catacomb">Catacomb</SELECT>

This is what it looks like:

INPUT ATTRIBUTES:
Here are some of the attributes you can give each input.

<INPUT NAME="Your_Name">
Using the INPUT NAME. If you are going to use radio buttons and checkboxes ythen you will need to use INPUT NAME field. The name is usually associated with the radio button or checkbox. By using the INPUT NAME you can see what each field is when you receive the form. Example if you have a text input and you put NAME="Your Name", when you receive the form it will be the persons name in that field: "That persons Name"

<INPUT VALUE="Your_Value">

This is to be used when you want a field to be filled in when you receive the reply from your form. If you put in a "VALUE" for a TEXT input, the field will already be filled with the value to chose.

<INPUT SIZE="5">

The size of your input box in length. Adjust to fit your table.

<INPUT MAXLENGTH="12">

This is used if you want to limit the number of caracters a person can type into a text box. This is not the same thing as "SIZE". Below is a text box with the "SIZE" set to 10 and the "MAXLENGTH" set to fifteen. Typing in something and you will see you can't type anything over 7 caracters.

<INPUT TYPE="TEXT" SIZE="10" MAXLENGTH="7">

<INPUT TYPE="RADIO" CHECKED>

If you want the checkbox or radio button to be pre-selected then use this to make it happen:

TEXT AREA:
You can use a text area so your visors can have a larger area to type.

<TEXTAREA COLS="10" ROWS="10" NAME="Comments">

"ROWS" = how many rows will be used,
"COLS" = how many cols will be used and the "NAME" is used to type in comments or whatever you have set the form up for.

Here is a sample of a textarea with 10 columns and 4 rows:

Here is the Final Form:
Here is a simple form with the HTML code so you can see what you will need to do in order to set up your form.

Here is the code: <CENTER><FORM METHOD="POST" ACTION="Scipt_or_E-mail">
Name: <INPUT TYPE="TEXT" NAME="Name" SIZE="15"><BR>
Address: <INPUT TYPE="TEXT" NAME="Address" SIZE="15"><P>

Selection:
<SELECT>
<OPTION VALUE="Content" NAME="Content">Content
<OPTION VALUE="Design" NAME="Design">Design
<OPTION VALUE="Advertising" NAME="Advertising">Adcertising
</SELECT><P>

This is what the form looks like on your web page:

Return to Help Guides