HTML form is wonderful contain for a web site. You can create it easily by HTML coding. Form has various kinds of style and tag. It may be so First Name, Last Name, Email, Password, Upload, Submit Form etc. All of them you can create by HTML coding like text, password, submit, option, radio, checkbox etc field. Now we post about those tag & there creation. Let’s learn about…….

HTML Text or Name Field

HTML Coding	[code language=”css”] First name: <input type="text" name="firstname"><br> Last name: <input type="text" name="lastname"><br> [/code]
Show in Browser	First name: Last name:

HTML Coding

[code language=”css”]
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname"><br>
[/code]

Show in Browser

First name:

Last name:

HTML Email & Password Field

HTML Coding	[code language=”css”] E-mail:<input type="text" name="email"><br> Password: <input type="password" name="pwd"><br> [/code]
Show in Browser	E-mail: Password:

HTML Coding

[code language=”css”]
E-mail:<input type="text" name="email"><br>
Password: <input type="password" name="pwd"><br>
[/code]

Show in Browser

E-mail:

Password:

HTML Text Area

HTML Coding	[code language=”css”] <textarea rows="10" cols="25">text area</textarea><br> [/code]
Show in Browser	Modified text area

HTML Radio Buttons

HTML Coding	[code language=”css”] <input type="radio" name="sex" >Male<br> <input type="radio" name="sex" >Female<br> <input type="radio" name="sex" >Both<br> [/code]
Show in Browser	Male Female Both

HTML Coding

[code language=”css”]
<input type="radio" name="sex" >Male<br>
<input type="radio" name="sex" >Female<br>
<input type="radio" name="sex" >Both<br>
[/code]

Show in Browser

Male

Female

Both

HTML Check Box

HTML Coding	[code language=”css”] <input type="checkbox"> Apples<br> <input type="checkbox"> Oranges<br> <input type="checkbox"> Pears<br> <input type="checkbox"> Peaches<br> [/code]
Show in Browser	Apples Oranges Pears Peaches

HTML Coding

[code language=”css”]
<input type="checkbox"> Apples<br>
<input type="checkbox"> Oranges<br>
<input type="checkbox"> Pears<br>
<input type="checkbox"> Peaches<br>
[/code]

Show in Browser

Apples

Oranges

Pears

Peaches

HTML Drop Down List

HTML Coding	[code language=”css”] Your Choice<select> <option>Google</option> <option>Bing</option> <option>Yahoo</opton> </select><br> [/code]
Show in Browser	Your Choice

HTML Submission Form & Reset

HTML Coding	[code language=”css”] <form> Name: <INPUT type="text"><br> <INPUT type="radio" name="sex" value="Male"> Male<br> <INPUT type="radio" name="sex" value="Female"> Female<br> <INPUT type="submit" value="Send"> <INPUT type="reset"> </form><br> [/code]
Show in Browser	Name: Male Female