Tutorial-6(HTML Forms)

Welcome in Tutorial-6

Hello Guys! Hope so you are all well,stay home and save your life.In previous Tutorial-5(Tables in HTML) we read about in detailed about HTML Tables, discussed actual definition of tables,also learn about which Tags are used to make a table and also we discussed that How can we arrange our data in tabular form using HTML..

As you know guys that my purpose is to guide you from beginner to expert in Html,CSS and JavaScript so keep learning with me you will find out all that you need in your Front-end Web development career.

In today's tutorial we learn about HTML forms. As you know that forms are an important part of any websites,especially for survey,admissions in universities,or in any site that provide us registrations before using , and there are millions of websites that provide us registration forms,and forms are an important part of interaction between admin and users like comment section of any websites is a type of form.Comment part of our website is the best way for getting reviews(feedback) from visitors and it can be made using HTML Forms.

Section 1:Part 6

HTML Forms

Form is a type of document with spaces in which we can write or select,for a series of documents with similar contents.In other words,Form is the shape,visual appearance or configuration of an object.

How can we make HTML form

It's very simple to make a form in HTML.Just remember some important tags that are required, once you kept these tags in your mind, you can easily make any type of form, it's depend upon you.

HTML Form tags

In order to add a form in our website, the <form> tag is used. this <form> tag identifies that on which part of our web page, the control elements will appear.

Guys you should no need to confuse about Control elements, these are some elements that are used while making HTML forms.These Form elements are some input type elements,these input elements are as follows.

• Text fields
• Check-boxes
• Radio Button
• Submit Button

and so on.

The <input> element

The  <input> element is one of the primary element used to get text from the users of our websites.This <input> element uses the "type" attribute ,this type attribute defines what type of information is to be captured.The one of the most popular "type" attribute is text,which denotes a single line of text input.

Some input types are as follows:

Placeholder

The placeholder is a type of attribute, this attribute helps the user of our websites before they enters a value.Furthermore, in order to write a short hint that describes the expected value of an input field,we used placeholder attribute.The hint which we write in placeholder is shown to users before they enter a value in that field.

The <textarea> element

In HTML Forms ,there's another element which is known as <textarea> element, this element is used to captured text-based data and can accept larger passages of text than <input> element, another useful thing of <textarea> element is that we can easily make <textarea> field re-sizable.

Look into the image ,here a simple form structure .You can easily understand about the all elements.

Output:

In this output ,you can see  (your name,your email address) these are placeholders when we drag our mouse cursor on it and write something, it will be hide,it's just a hint for our users that what they need to enter in that part of field.

I think for today it's enough ,just read the whole tutorial twice , you will be able to make our form just within one minute.

See you in the next tutorial!