Today we are going to discuss about the form element, actually the form element define the form that is used to collect your user data. First of all, if you or if you have your phone then I am just logged in, log out. Sorry, log out, click on the login section. So as you can see you are sending or you're getting the input from your users to log in here. So as you can see, this is the text. This is also the text and this is a chat box and this is the buttons so they discuss about the buttons, so don't worry about it.

So now you can use the form To collect the data from your users in the form, you can add input. I'm saying the time is input, sorry. This is the input, I'm saying hi equals to text. That means I'm saying, I'm just going to get the some information from the user as attached. So you, your user can provide you the text. So how can you do that?

Just copy this, sorry, comment this. Now I'm saying I'm just, I also come in this. I'm saying farm, and I'm saying farm clothes. Now I'm saying this is input. That means we are going to get the input from the user Time is text. Okay, now closes you need to close your element.

So as you can see you haven't started the form you have closed the form, you don't need to close this, you just need to go to your page refresh the page. Now we can see you have just added that so you can write your tests here. Okay? Now, if you need the text areas popping, I'm saying text area, I'm just I have to close this text area text area also. Okay, so now I'm saying go to your page, refresh the page. So now they can see you have just added the text also.

So this Why are showing in the same line because these are the inline elements. So that's why it's showing on the same Alamo like okay if I'm saying the call possible I need that 10 column. If I'm saying roles, that means I'm going to add the 10 rows you can assign as many as row as you want. This is the, these are the attributes you are assigning the attributes to your text area elements refresh the page. Now as you can see, you have just added the rows and columns in a text area. Okay, so now what you you have your text area, you have your text and saying five rows and five columns.

Fresh, five votes for five. Awesome. Okay, now you need to add the name, particles name my name. Okay, why you are using the name because you are storing the data in the name. When you submit this form to your server. Your server can collect the information with the same name variable.

Okay, so how can you stand You are formed your server you can add your action action means you are going to send this information to this file. First of all one dot php. PHP is a server side language. That means you need to send the information from your HTML page to your server. Okay, that means I'm saying violet, that means you are sending this data to this file. I don't know about the file, but for now, this is the file.

You can use the XYZ dot php file there dot ASP, okay, but for now, we are not learning the PHP here. How can you create the radio buttons for suppose I'm saying input? I'm saying hi. And here I'm saying radio closes. Go to your patient face to pee. We're all okay.

You have to add the value also fetch the page. My well and I'm saying by default it's the page Yeah, you really overdone. Okay, so now how can you create the radio buttons? So add the comma here I'm saying input type equals to radio equals two Radio First of all, you don't need to close it just okay that means you are saying oh create the input and create the type of the input is the radio that means you're creating the radio button. So, as you can see this is the radio button you can assign the second attribute. This is the my way for suppose my while you go to your page refresh the page, right click inspect element.

So as you can see, this is the my way element why you are seeing my value element. We will discuss about not we are going to discuss but for now, you can assigning the value to your elements. And you can also add or support if you if this is the mail and if you have Answering mail and I'm going to create another input and I'm saying this is the female the value is the female female and now I'm saying By default this male is checked go to your page refresh the page. Now as you can see, this male is checked when you click on the this element, that means you are checking both of them but you need to add the name. I'm saying the gender so here I need to add the name also. Go to add page refresh the page by default this is a check if you click on the this female as you can see, you are unchecking this and you are checking this.

So in this way you can create your check off or sorry, radio button and how can you create your check box. I'm saying And we're tired. Sorry, I have just bought the keyboard. But that's why I'm saying checkbox. And the name of the check box is possible one. And the way you can assign a value.

And I'm saying By default this checkbox is checked. Go to your page, refresh the page. Now as you can see, you have just added your check off, you can add as many apps check balls, check balls. This is a checkbox. Second check box. Counting This is not checked, go to page refresh the page so this is not checked.

So in this way, you can create your check box. So what about the file if you need to submit the file somewhere? You need to read I'm saying that this is the input type equals to file and just click refresh the page. So now as you can see, this is the file, just click on this, you can send your file like this. Okay, so now how can you create your buttons. So I'm saying input i equals to button.

And now the value of the burden I'm saying this is this is button go to your page refresh the page. Now as you can see, you have just created the button. So this is the value you can write your button here first of all, submit or log in from your define upon you log in, go to your page, refresh the page. Now as you can see, this is the login set of button. In this way you can create the HTML forms or HTML elements. So I think this is enough for the next lecture we are going to cover some other topics related with sgml.

Thank you for watching.