HTML Form Creations

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 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 Text Area

 

HTML Coding

[code language=”css”]
<textarea rows="10" cols="25">text area</textarea><br>
[/code]

Show in Browser

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 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 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