In this video.
Let's talk about food set since forms are really important concept.
That is why we are taking our time to know more about forms.
But before talking about failed set, I forgot to mention one of the important attribute for the select
and that is what we call selected attribute.
As it stands right now, by default for the single, we have not just been selected by default and as
you can see, this is what we have and you can see the checkmark when I click on that is being selected.
But if I want any of this one to be selected, we are going to use an attribute called selected for
this one.
I won't express to be selected by default.
And as you can see, Express has been selected and as you can see, we have the checkmark in front of
X press.
Just likewise the multiple select we can provide selected to any of these ones that we want to be selected
by default.
And as you can see, it has been selected by default.
Now back to field set.
Let's create the five first and I'll explain to you what is filled set and going to be dot HTML as always,
scaffold and provide field set.
And for the h one I'll provide.
Field set and underlie eight and the command provide for set.
And let's open it.
All right.
So guys, what is field set?
Field set is used to group related form element together and provide a caption for the group.
For example, we can use the field set to group together set of radio buttons or checkboxes.
Before continue.
Let me show you one thing that we can improve on.
Let's get back to the input and for the input, let me open it here and let me show you.
And that way you better understand field set in greater details.
And looking at the radio button here, as you can see, it hasn't looks to be descriptive, but we can
provide more data about what we want the user to provide by using a label and put everything inside
div.
But with full set, we are going to provide much information about what the red button does or checkbox
does.
So let's see how we are going to improve that.
That way you better understand.
So it goes like this.
We bring in the field set.
As that next step is, we bring in what is called legend.
I'll provide select favorite color.
So with this, save it and let's have a look.
Let me remove this one.
As you can see, we have this style, and I believe we have seen most of these styles, especially if
you are familiar with material UI.
All right.
So let's go ahead and add the rest.
The next field is going to be input and we are going to provide a type of radio.
So let's see.
As you can see, we have the radio here and let's provide label as.
Let me remove the four attribute from here and I will say red.
Now, let's see.
This is what we have.
We have red.
And we can provide more attribute.
For the meantime, let's ignore other attribute as that.
And I can provide the other options as yellow.
And let's see.
Yeah.
As you can see, we are grouping the related command together or data together.
And let me call this one as blue.
Has that changed the label, Oli?
All right.
So this is what you call the failed set.
All right, guys.
So let's continue in the next video.