 Hey everybody, this is Brian if you're following along this is video 15 in our HTML tutorial today. We'll be discussing forms As you can see I've already got some code written We have the start of our form and the end of our form and in this tutorial We're going to kind of pick this apart and explain what exactly this is and why you need it Okay, first off a form is an area of the page that allows you to get user input You've seen in a million times for example when you go to Google and you do a search You're using a form Let's go ahead and make like a very simple search feature You notice I'm starting with input and then I'm adding attributes to this this type is tax Which means it'll be a text box the name you can give it any name, but we're just going to call it search The size is how large it will display in this case, it'll be 30 characters And the value is the initial value that it will have Save our work and let's flip over to our web page And you see there's a text box and the user can tag sorry not text I was thinking about my phone the user can search in this text box Now it's not very Functional it's just a text box. So what we need to do is add other inputs Now if you're wondering what type submit equals Think of how you would get this information from point a to point B You have to submit the information or as I'll explain in a minute. You have to post it save our work Whoops peers I've made a boo boo as you can see I forgot the double quotes. Let's go back and fix that real quick Alright, there you go. Now here is our text Let's say we want to search for dinner because I'm hungry and We have a search button now when you click this. What do you think is going to happen? Well, not much really you click it and it'll say this form is being submitted by email Well, that's not really the results we wanted. So let me go through and explain what's going on here Here's our form inside of our form. We have inputs Inputs allow the user to enter data or input data We have to send the data the input somewhere using a method in this case. We're posting the data You don't really need to understand what a post is at this point Just understand that you're moving the data from point a to point B post is simply the underlying HTTP protocol Action this is how you're going to get the data from point a to point B In this case, we're going to mail to and then just an email address me at home.com now typically You would either mail the form in this case It would you know go to an email address or you would send it to another page and in the other page you would have code Not HTML Unfortunately, you would be using a server-side code typically to pull the information off and put it into a database We're not quite there in our tutorials yet. So just follow along on the forms Inside the form we have inputs Here you see we have the start of an input the attribute type is text The name is search The size is 30 characters. The value is search area. You can put whatever you want in there You can even omit the value, but you know, it's good form to just blank it out if you want just a blank area see Now in this point If you were to hit the search button Flip back to your code. What do you think's going to happen? Take a second Okay, if you guessed that we're going to post this data to page 2, you're correct. Let's go ahead and try that and see what happens Well, absolutely nothing if you remember page 2 is from our previous tutorials The data did get posted, but we don't have any code in page 2 to process that I know this was pretty confusing and we're going to visit on some key parts of forms here in the next couple tutorials I want to really spread this out and explain this in depth because it's a very big part of what web designers do nowadays I thank you for watching and I hope you found this video educational and entertaining