The basic form and its elements

The basic form consists of the following code:

<FORM ACTION="...">
<INPUT TYPE="hidden" NAME="subject" VALUE="Title of Form">
 
form dialogs in here
 
<INPUT TYPE="submit">
<INPUT TYPE="reset">
</FORM>

There are many variables, like the drop down menu or data entry, check buttons, etc, all are easily available in your text editor.

Example:

Password box

Please give the password:
<INPUT TYPE="password" NAME="Password Text Box" SIZE=50>

Send files

Send your file:
<INPUT TYPE="file" NAME="The users file" SIZE=35 ACCEPT="image/*" MAXLENGTH=50>

Select the files:

Posting the form:

The form can be posted using a cgi-scriptor, JavaScript or the Emial function, many servers have there own cgi-scripts for returning data and all you do is find the address and put into the following, if your server doesn't have this method or you have to pay for it try using a free server, a good one can be found at: feedback.com, the easiest way is to use the emailing result. Notice at the top of the page the action is "..... this is because you can put any of these ways to send the data.

Cgi-script method

Put where your cgi-script is on the server in the actions part, and the method goes befor all of the variables such as text enter, and a </form> need to go at the end of the variables.

<FORM METHOD="post" ACTION="/cgi-bin/cgi.pl">

Emailing the result

This is the simplest way of receiving data.

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

Including the ENCTYPE="text/plain" makes the result much more readable:

The end result:

The code

<H3>Example Reply Form</H3>
<FORM ACTION="mailto:colinharman@hotmail.com" METHOD="POST" ENCTYPE="text/plain">
<P>
<INPUT TYPE="hidden" NAME="subject" VALUE="Example Form">
<SELECT NAME="age">
<OPTION VALUE="under 18">under 18 </OPTION>
<OPTION SELECTED VALUE="18 to 25">18 to 25 </OPTION>
<OPTION VALUE="25 to 30">25 to 30 </OPTION>
<OPTION VALUE="30 to 40">30 to 40 </OPTION>
<OPTION VALUE="over 40">over 40 </OPTION>
</SELECT> Your age<BR>
<INPUT TYPE="text" NAME="name" size=40> Your name<BR>
<INPUT TYPE="text" NAME="email" size=40> Your e-mail
</P>
<P>
<TEXTAREA NAME="details" COLS=50 ROWS=10 WRAP="physical">Something about yourself</TEXTAREA>
</P>
<P>
I think this guide is
<INPUT TYPE="radio" NAME="opinion" VALUE="great" checked> great
<INPUT TYPE="radio" NAME="opinion" VALUE="middling"> middling
<INPUT TYPE="radio" NAME="opinion" VALUE="very poor"> very poor
</P>
<P>
<INPUT TYPE="submit" VALUE="Process Data">
<INPUT TYPE="reset" VALUE="Clear Data">
</P>
</FORM>

How it looks:

Example Reply Form

Your age
Your name
Your e-mail

I think this guide is great middling very poor

Only adverts below!