OK, guys, let's go and see how we can add.
OK, guys, let's go and see how we can enforce inside our website.
Here we have this page.
We got no wrong with that.
Let's go back to our current here.
The first thing we need to add is an input for the name here.
We need to give a tag for the form in order to separate between the form and the content.
Here, we can add our asterisk to and a horizontal line and actually spark within a tank, which is
called form form.
When you send the search web developer, the back end developer, you will be needed to give here action
and also method.
This is for the PSP web developer.
You don't need to type anything inside.
The HP web developer will do this part.
What what's inside?
We can add a label.
We there's a tag which is called L'Etoile and I'm going to show you the difference between the label
and the input so we can separate between them.
When you are quitting a website yourself and we can add a label for let's give it for the name and think
here we can type your name.
And then after this part we can add an input input with type.
And you can see here we have type of button checkbook's color date.
The timing of that, we we're going to use the date time, the put in and attached.
We can also use the password here.
We can use Chapstick because in effect and then we can close this one.
But we typed before we can give an idea of the main and very soon in the please ask you what the object
is.
And then when we go back to our page, you scroll down here.
We have this input.
So now we know what is the label and the input we put a label to be for this input.
So when the HP web developer funds, it could have will know that this label is for the name.
And when we when we apply the patch, we will be applied for this label and this input because of their
name, that when we go after this part, let's try to add something for the unmap label, the label
sorry we got something wrong label.
And here we can make for e-mail closet.
And inside here we can just type your e mail e-mail address.
It's OK.
Let's see what we have if we need to a line.
Yes, we need to pick a line.
We can go back to our source code and just add the R.
The R and after this label, we can act in good with for the idea of e-mail and type of email.
Then after the start, we can close our tank.
Let's go back and see what we have inside our Web page.
Now we have an email address we can try to act now for.
Let's see what we can do.
We can easily label for passwords.
And then inside the label, we can just type your password.
I think we need to create a line so we can just type P r right here.
And after the password, we can make input input with a type of password and then we can give it an
idea of password.
Let's see that we have inside our Web page.
And I'm going to show you the difference between the email address and the name and the password.
This is the password.
This is the email address.
Let's go back.
We can go after this part and try to get something for the date we can make here, label for a date.
And inside here, we can just type your first
date.
And here we can edit input with that type.
Here we got all of the types.
You can try anything you want.
We got range number one image and all of that.
Let's try for the date time local and for the idea we can just type date that we have right here.
Now we've got this date we can choose any date we want from here, as you can see from here, we've
got all of the months and years.
OK, we can go back to our could, let's think about it, we want to add a put in for the submission.
We can go here.
Let's bring the line here first.
And here we can begin with that type, or we can just input input with type of the supplement button.
So this will be used for the subcommission.
We don't need to add for an idea for this one here.
We can go back to our source code, reload, and now we got the submit put in.
What if what if we want to change the content inside this button, we can just go back to our source
code and the value
of click here to supplement that.
Now we got click here to supplement.
That's perfect.
And add to this part we can submit from here, but we get something here I don't like.
We want to make this filled required.
So I cannot I cannot submit the form without filling it.
We can go back to our source code from here and just add here required.
We can cover this bar and put sit here.
Let's do what we have when we do this.
But
now when we click on click here to submit, we got please fill this film.
We can just type by Assad.
And when we go to the place filled with type again one that and your password, you can just type anything
here.
Doesn't matter when I go here.
Please include an at in the email address because it's not an email address like your here at example
dot com.
Please fill out this filled.
We can try something for this.
Click here to submit.
Now we can submit the form that's perfect and now we know how to add a form inside our website.
In the next section we will move to the S3.
Good luck and have fun.