HTML form

Everywhere we notice the existence of the form in the real world. Search engines (Google, Bing), social media (Facebook, Twitter, G +, etc.) they are used by a wide range of forms.

That’s why Internet has been completed so many practical benefits.

A variety of forms can be designed in html. For example : data form,  students admission forms, registration forms, contact forms, web forms and form for the supply of goods,  etc. The user  fill  data by this form which can be used for purposes of sending data or receiving to answer the question.

HTML form is a method of extracting information to your web site from visitors. Some of the boxes and buttons can be added on your web page where your visitors will provide their information and you can get them via email. form></form> tag  is needed to create a form. <Form> tag is a container tag, it means that  which have between the <form>  and </ form> tag  is the part of those form element.

For that| declaration syntax is:

 

Action: This attribute determines the destination URL where of the form data will be accepted. The received data will be processed according to the needs of Web site server again.

Method:

How the data will be transmitted to the destination URL that determines the method. It uses the two values.

  1. get
  2. post

Gate value:

Gate value,  Sends the received data specified address in the URL. Mainly these input values is added to the end of the URL of the specified action attribute. It  is a  default value, If the method attribute is not specified anything.

Post value:

Post value, Sends data  to encoded HTTP data. The data is not possible seen on url address by the user. It is a safe method of sending data, but it should only be used for large-scale data transmission. For example:  uploading to a large file or any  confidential bank data, passwords etc.

ID attributes:

ID attribute, for the form element to create a special identity that helps you. The id value is used to validation by the java-script and for  styling purpose by the CSS selectors.

Text input:

For attaching text,   the form field is created by using <input> element. For example, the name of any person or organization.

Type of input is determined by the type attribute. The form control name is determined by the name attribute. Format is:

If necessary, the size of the text box fields  may be mentioned. That case format will be like the following :

Password Input :
Attributes type = password, It  create input to receive a password from the user.

For security reasons, the input of password is visible as disguise an asterisk (*) or bullets (.) Symbol.

Radio button:

This kind of form is designed to select specific item from a multiple items. There are two options – on and off. It is determined by the radio input that means, If you want to select any option you must use this radio input. For example: multiple choice questions and answers. It has three attributes such as name, value and checked.

Name:  It provides form control name.

Value: It is determined, Which option is selected by the value these value will be sent to the server.

Checked: When the page is loaded first,
that time this attribute to determine which option  is checked.

Checkbox:

The user can select or  non-select one or more options by the checkbox.  Checkbox attributes are same of the radio button attributes.

Multiple Lines texts Area :

Multiple lines text area are used to collect more than one line of text in detail from the user. For example: user feedback, home addresses etc.

For this tag is <text area> and format is

Leave a Reply

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