Form Fields

Made By
Arsalan Aslam
Webmaster of Code Master

Many people have asked how to add more fields to a specific page.
This is the common problem to beginners so I'll cover this problem in this tutorial

Sample fields are

Name
Age
Email

How this form is made

The above form can be easily made with any WYSIWYG (What You See Is What You Get) editors such FrontPage 2000, Hot Dog, Dreamweaver, etc. but if you want to use a normal notepad its fine (as long as you know little HTML).
I made this with FrontPage 2000 as its easy to use.

If you see the source of this file you will find the portion with

<form method="POST" action="form.asp">
<p>

Name
<input type="text" name="txtName" size="33" value="Arsalan Aslam"><br>
Age
<input type="text" name="txtAge" size="9" value="16"><br>
Email
<input type="text" name="txtEmail" size="34" value="webmaster@coding1984.cjb.net"><br>
<br>
<input type=
"submit" value="Process" name="B1"></p>
</form>

Here any fields inside the <form> </form> tag is considered as a single form.
<form method="POST" action="form.asp">
Here the form method is POST and action specifies which page will it send the form data, in this case form.asp

There are 3 fields in this form i.e txtName, txtAge and txtEmail
Note that how these are added
<input type="text" name="txtName" size="33" value="Arsalan Aslam">
Here type of the field is TEXT and name of this field is txtName and size (width of the field) is 33 and default value is my name

One important type of field is "SUBMIT"
<input type="submit" value="Process" name="B1">
When you press this button all the data (values of the fields) of the form is sent to the specified page or script (specified in <form  action="FILENAME">)

I will not cover detailed usage of the fields, as I've said it before if you have knowledge of HTML then you know what I'm doing otherwise use WYSIWYG editor to make a form.

If you want to add additional field use the method I showed you above i.e.
<input type="Type_Of_Field" name="Name_Of_Field" size="Width_Of_Field"> within any form tags.

Now go and fill the above form and press Process button

That's it, have a nice day