Home Html Form
Form
How to Insert Form in Html Page

To insert form in html you have to use <form> tag. There are various elements available which allow you to insert the information like text field, textarea, radio button, checkbox, drop-down menu etc. Alone with the <form> tag used <input> tag to specified the attribute type.

Text Fields

Text field use to put text, numbers etc in form.

Radio Button

Used when you want user to select limited choices.

Checkbox

Used when you want user to select more option.

Use following code to insert form:

<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
<br />
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
<br />
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</form>

Result will be:


Text Field:
First name:
Last name:

Radio Button:
 Male
 Female

Checkboxes:
I have a bike:
I have a car:
I have an airplane:
 


Featured Articles

Adobe Illustrator
  Adobe IllustratorLearn drawing technique, text effect, 3D graphic & more refer Illustrator Tutorial.
Adobe Dreamweaver
Adobe Dreamweaver If you want to learn to design website learn through our Dreamweaver Tutorial.
CSS (Cascading Style Sheets)
Css Save your time for website designing and speed up your work by using CSS.

Creative Commons

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License