How to design form in HTML

HTML forms gather information from the user and store in the server memory. Form has various other uses in the web such as surveys electronic commerce guest boos and polls.

form-in-htmlEach form has some type of connection to the web server where the information collected by the parameters in HTML form are sent through either by “POST” or “GET” method. Parameter is just like variable which are specified after the function name inside the parenthesis.

POST method – the parameters are sent to the web server and are not visible to anyone who used to view the page in standard method. This method used for values affecting database content like inserting, updating / deleting records or fro values sent to the email.

GET method – parameters are visible to the anyone in the url who view the page. Mostly used in search forms. Since its visible to the user address bar, sensitive informations are not passed using “GET” method.

POST method – the parameters are sent to the web server and are not visible to anyone who used to view the page in standard method. This method used for values affecting database content like inserting, updating / deleting records or fro values sent to the email.

GET method – parameters are visible to the anyone in the url who view the page. Mostly used in search forms. Since its visible to the user address bar, sensitive informations are not passed using “GET” method.

Web form
When a visitor enter a web form and enter the details and click the submit button, the information are sent to the server where the serve-side script process on it and sent the information to the client.
The different types of input types in the form are

Text field – accept alphanumeric input. It can be displayed in single/ multiline, password can be entered which is displayed as bullets/asterisk to hide it from the onlookers.


– Single field


– multiline

Buttons – perform its action when clicked to submit form data to the server.

Checkboxes – select multiple options for a limited number of choices.


Chocolate  

Coffee  

 Pizza

Radio button – select single option from the multiple choices.

ChoclateCoffee

List menu – display values with in scrolling list and can select single choice from it.

Jump menu – contain different choices as list which are linked to a document/ file.

Image field – insert an image in the form.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>