HTML Forms

HTML Forms are used to pass data between client and server
These forms contains input fields like input text box,select box,text area any of these and more.

It is created using form tag with closing form tag as follows

<form name="form_name" method="post" action="url">

It takes name,method,action as its main parameters
Where name is the name of form,
method is the type of form as post or get
and action is the specified url to perform operations using the inout data

POST is used when data has to be hidden while passing between client and server
GET is used for small amount of data and when get is used the data is visible in the url.

HTML Form Elements

There are many HTML Form Elements as follows

1. Input Text Box


2. Password Text Field


3. Radio Buttons


4. Text area


5. Checkboxes


6. Submit Button

Input Text Box

This is used to get the input of user for name,age or city any data.

This is created as follows

<form name="form1"><input type="text" name="name_of_user" id="name_of_user"></form>



Password Field

This is used to get the password of user.

This is created as follows

<form name="form1"><input type="password" name="password_of_user" id="password_of_user"></form>



Radio Buttons

This is used to display an option for user among choices like male,female etc.

This is created as follows

<form name="form1"><input type="radio" name="sex" id="sex" value="m">male<input type="radio" name="sex" id="sex" value="f">Female</form>

maleFemale

Check Boxes

This is used to display an option for user among choices yes or no etc.

This is created as follows

<form name="form1"><input type="checkbox" name="ans" id="ans" value="y">Yes<input type="checkbox" name="ans" id="ans" value="n">No</form>

YesNo

Submit Button

This is used to submit form data to server to save them to database or manipulate them in any way.

This usedas follows

<form name="form1"><input type="checkbox" name="ans" id="ans" value="y">Yes<input type="checkbox" name="ans" id="ans" value="n">No<input type="submit" name="submit" value="Submit"></form>



This is used exclusively with forms which has n nunber of data to be processed.

Text area

This is used to get more data like address etc.

This is created as follows

<form name="form1"><input type="textarea" name="address" id="address" >

This is a text area

This takes rows and cols as its attributes where rows is the height of area and cols is the width of area