Hello and welcome to this video on group in from data.
In this lecture I will show you how to group data in a form.
This is my sample Web page here.
This is a form that is grouped together.
He is in the field set so the field set tag is used to group elements that are related in a form.
So elemen that correlated data can be grouped together using the field set and the field set of giving
it an attribute style and giving it a whiff of 250 pixels.
Let me walk you through the form.
So we begin with a form tag that indicates that we are creating a form.
It lets the browser know to display it as a font.
So in the opening tag of the form I have got a couple of attributes.
The first one is the action attribute the action attribute defines the action that will be performed
when the form is submitted.
So the common way to submit a form is VI is right in back end server Bob because we are not used in
a survey in this example.
Hi post Tim.
The Form 2 itself has have used this hash sign here so the hatchell that you will take in is posted.
It will submit to its self.
The method attribute is is to specify how the form will be sent.
There are two methods IMET of are posts or get the get.
Option is usually used when you are posting date that is not sensitive.
Something like a search engine query you can use a get for that by posting data that is sensitive like
credit card information personal information.
You always have to use a post method fully formed to be submitted properly.
Each input fields must have in name attribute the name and boot must be specified so that the form is
submitted correctly.
So if you don't meet a name attribute it doesn't submit the form properly.
For example I've got the value of this name here first name and last name.
If I all might add that if I did and put a name attribute there then it will only submit the a last
name.
Past the importance of specifying a name attribute.
So got two input values here.
The first input type is the text and takes in the attribute of first name value.
You have left the blanks so you can insert the value hand blank.
If you wanted a fixed value you just put it in there and then it will display.
So for example let's put Joe in there and save this far to refresh.
He gave Joe in the box there.
So whatever you put in there he will take that value.
I am going to leave it blank so that
our act Harle leave it there for now.
So if you don't want it value you leave it blank.
If you value your specify it.
They also have gone over input type here.
I'll have specified the name attribute value have left the blank.
Again you can put that in after the first name here.
I haven't used it.
Break tag.
So us to the font this input to come onto a separate line.
The break makes it jump to a separate line and then after the last name.
I've also put a break so that the inputs can be on a separate line and I pournelle a break here just
to create a space and then here work.
We've got another input type and the time this time is this submit.
So what's with me is submitting the data that is entered into this form.
Thus what is suddenly the value of this submit is the value of this submit button is submit.
So what it will do was details entered.
It also meets are just put.
Typing.
Hello.
I saw me in the form submit to itself because I have thought I have defined it here for it to some me
to sub.
Normally in a live production environment this will submit to a back end server.
So this is how you would group related data in the form use in the field set tack in combination with
a start.
If you are an MP insert a stance has to define a form.
That's what you would use.
Thank you so much for watching in defeat you will when true how to group related data on a form.
Thank you.
Bye for now.