‫Hey, there.
‫Welcome back.
‫Now in this lecture, let us discuss more about forms.
‫So let me add a new type, which is going to be radio.
‫Now what usually we do with radio boxes, we can have multiple option and only one can be selected.
‫That means there will be multiple values, multiple inputs, but we can only select one.
‫So what I'm going to do is I'm going to select the what part?
‫And her time will be radio, which is pretty common.
‫And then we can find more information like I.D. name as well as value.
‫But before jumping on, do not, what I'm going to do is we have name email and I'm going to add a new
‫view or maybe gender, maybe male, female, adult since it's our trip.
‫I get asked that.
‫So here I have this radio, which is my type.
‫And then I'm definitely going to have an I.D. Ezra's name and value.
‫Now what are they?
‫So when I use I.D., I'm going to connect this with a label, so I'm going to call this idea's male.
‫And then I'm going to have name.
‫Now what this name is, remember we use I.D. to connect these label and input field.
‫Now we use this name to connect all the material that we are going to utilize in radio.
‫So I will be keeping it as planned for now, so you can understand this later.
‫And the third thing I'm going to use this value.
‫So if someone select and submit this form, what is the value of this input field?
‫The problem with this option is here we are providing value.
‫I'm incurring Sean.
‫This is the value that I am providing here.
‫I'm providing an email, but when we select the check box, we don't provide any value behind the scenes.
‫They have already stored the value.
‫That's where this comes in the picture.
‫So let me add these to you for now.
‫Will email and then we have either.
‫So this idea will be realized to bind the remember to bind important labor in our country have invited
‫the import and now I have name.
‫So I'm going to utilize this name to mine all these three.
‫So I'm going to call this name of gender.
‫In this way, only one will be selected and they are together.
‫And now I'm writing a value, which is you.
‫This is basically a parameter that I'm going to discuss in few minutes.
‫And here I got it.
‫Let me save this one.
‫Get back here.
‫You can see I got these three people and then our registration option.
‫Let me recap.
‫See, this one looks fine.
‫Now let me add label to remove the confusion.
‫Maybe this one is going to be for me, I'm buying this and hat, I'm going to provide an option.
‫Then we are going to have a second labor.
‫For Freeman and then hand, I'm grateful for this.
‫And the third one is going to be for other.
‫That's it, so that's how I'm going to add these value.
‫Let me say this one, get back here.
‫Male, female, honor.
‫I can just reverse them.
‫That means let me add them like this.
‫OK, so I'm selecting in this way.
‫Now that's how this is going to work, but I still need to understand what is this name and why this
‫is that.
‫The thing is, when we submit a form, we can only submit one value for full name.
‫With this particular idea, I can only submit one value.
‫I can not have to import fuel with full name.
‫This is unique I.D. This is unique for name itself.
‫Similarly, then, I'm going to submit this is going to be unique.
‫I'm only going to select one at a time, someone that of my change the name here.
‫Let me use.
‫Different name.
‫Ah, and now this is not unique.
‫These are three different names, so I can select all three.
‫So demon form only allowed to send one value for a particular parameter, which is name had.
‫Now let us do something interesting.
‫What I'm going to do is I'm going to add an action you.
‫And I'm going to call this action for you, or I'm going to send information, maybe to about 16.
‫So whenever I'm going to submit, it is going to send information to this about page.
‫OK, so let going to get back here.
‫Let me write my name, email, select and submit.
‫Now here, you can see the important thing.
‫This barometer, so this is the parameter, which was gender, and this is the parameter which is male.
‫So this is basically the value and this is the parameter.
‫So this is the parameter and this is going to be the value.
‫I hope you got the idea.
‫Now, here's what I need to do is I need to add the name here on so.
‫So what I will do is I'm Lugo, our name, and I'm going to call this ask for the name itself.
‫So the value will be for naming about that value and we're going to.
‫And similarly, I'm going to add name here.
‫This is going to be email or email itself.
‫And this is not your home.
‫Is it here?
‫Refresh.
‫If I know my name, email me.
‫Register now.
‫Here is the important thing you are going to see this question mark.
‫This question mark is used to define the pattern.
‫We don't suppose if you visit any website here.
‫Amazon, you see, this is the question mark.
‫Most of the courses don't discuss this, but it's important.
‫This is the value field by default, they are going to remember my information.
‫Maximum authorization age and these are a few other details if I just simply was an Amazon and soldier
‫or something.
‫Maybe not all.
‫You see, after question mark, I have these parameters.
‫This can be given equal to a laptop.
‫So similarly, we entered some data in our form and we have this question mark.
‫And then our parameter, which is the name equals Toshiba that we enter.
‫Then we have and that is defining the second parameter M. equal to Shubham at the X y z dot com.
‫This is actually more about HDMI lengthily, so we cannot write at the rate for HD, Yemen or any type
‫of you are in.
‫This is this special character.
‫So this converts into Android, then we have and then gender equals to male.
‫So that's how behind this unit is going to and because we have action for about HDMI.
‫So all our data is going on about HDMI.
‫I hope you got the idea that how we are binding, so we are utilizing this name or D parameter and then
‫values entered by a user.
‫Remember values entered here then?
‫I mean, and then values entered by the user in the input field don't remember anything about label
‫labels just to display the name on our page.
‫That's it.
‫Then we have these input fields.
‫We can only take one parameters and remember, we need only one gender information that.
‫Who are you?
‫So we have this gender and you can only select one.
‫That's how it is going to work.
‫And that's it.
‫I hope you got the idea about how we are binding.
‫The first binding was for an ID with the label and input the same binding one's name and then the value
‫that we are storing here.
‫We are getting value from the user.
‫These two films back here, we knew the value from the input field itself.
‫So that's why we provide value for you.
‫Not that I've told radio, but then is going to work.
‫Now we need to add Morpheus maybe dropdown.
‫Let us try to deny select.
‫And don't worry, these are you are not going to utilize them every day also as a big nut.
‫There are possibility that you will get confused and most probably almost 50 to 60 percent still get
‫confused.
‫So it's OK, you will learn them once you start working that these swarms once you start practicing
‫them.
‫So don't worry about this.
‫Yep.
‫So this is select now.
‫This is a dropdown menu that means I have option.
‫Different options to select, so I'm going to utilize option.
‫So maybe I'm adding an option to select Ford plan.
‫We are bringing a new trip, right?
‫So let's create different plans.
‫Lanier blandly bland plan again, the name is going to be parameter that will be shown on the yuan.
‫So let me go on this as plan that will be to plan and then I need I.D. If I need to combine this with
‫any label, I need this I.D. for now.
‫Let us ignore label.
‫Then I need different options.
‫So option one plan maybe another hundred.
‫Option B, which is Plan B.
‫Maybe 250.
‫And then Plan C, maybe another five hundred and then had I can provide value, so this value will not
‫be seen by user, user can only see this content so I can say A, B and C.
‫Now I know this is devalue value is equal to $100 B and C.
‫I know this.
‫So if I save this one going back had.
‫You can see I can select any on me and you can see the back here.
‫OK, this looks fine.
‫Let me try to select Chumhum, get back to showing my Grade X Y Z dot com.
‫Select me and select Plan C and F I registered.
‫Your important task is to check out your order.
‫Full name Siobhan Male equals to my translate x y z and then gender male and plan equal to C.
‫Now remember behind this detail most of the information that contain user input.
‫We hide them.
‫Don't worry, you don't have to do this McIntosh's.
‫So this information will be hidden and you don't have to worry much.
‫So this will be hidden.
‫But behind the scenes, you already know what what this means for plan.
‫It is fancy, so that's how it is going to work.
‫We can write anything because this depends on us and we are going through this information.
‫Let's use labor now for I'm going to call this plan and here plan.
‫And I'm going to select your Plan C. Get back here.
‫OK, I need to visit the Iran, OK?
‫That's how it is going to work.
‫So I hope you got the idea had I can also add a label.
‫Maybe I don't need to give any further, I can just say.
‫See, OK, difficult.
‫Get back here.
‫Yeah, that's how it is going to work and this looks better.
‫It's got to contain all that information, so we have completed our radio, but then we have completed
‫our drop down.
‫Now, let us quickly discuss about big data.
‫So maybe we need some message or maybe caution from use itself so I can use this text idea, and here
‫I need to provide a name that is going to be my parameter, actually.
‫And let me call this ask caution.
‫And let me answer the final legal.
‫That week, this has a message.
‫So I can connect both Expedia and Labor and I can to find.
‫I need caution and when.
‫It looks fine.
‫And here we have two views, which is called quantum and rolls.
‫That is true basically jumper.
‫Yeah.
‫So that's how this is going to look.
‫Now you can provide certain information here.
‫So I jump here and I see the message.
‫See it back here.
‫You can see this is the message.
‫So this is important to collect certain information from user.
‫One quite important thing you can add are, Rick, just to add this in this sequence, also break here.
‫OK, this looks fine.
‫So now we have options big, any type of message.
‫Now there are two important things that I need to discuss.
‫The first one is placeholder at this point of time if I'm writing and it may well fix and predefined
‫here, which I don't want.
‫So I'm going to delete this.
‫For now, I can utilize placeholder to give pre-defined value ideas.
‫And that is pretty common for most of the website.
‫So for example, if you visit there, maybe I need to provide a place holder of predefined feel as an
‫example for my email, I can go ahead and here I can use placeholder and give the example value.
‫Remember that example value will only display in the user click.
‫So here I can see x y z at three p.m. dot com see.
‫And if I get back here, you can see as soon as I click and enter anything, it's gone.
‫So this is a placeholder which is utilized to give sample values.
‫Similarly, we can provide any placeholder here.
‫Let me save this one and get back here, you can see as soon as rates are, you know, something that
‫may soon be gone.
‫So this is pretty important just to give maybe some message just to give example of any value.
‫Or I can remove this label itself and write email here.
‫Pretty common nowadays, but I don't recommend cause confusion, so I can just say.
‫Do you me and I can remove this label?
‫Save this one, get back here, you can see now users know that this is going to be an e-mail for you,
‫but I don't recommend as a beginner for now, it is going to create confusion.
‫Even Amazon is utilizing on the field here, you can see they have placed older mobile number also,
‫they have placed a level password with just six character.
‫So that's how you can utilize also one quite important thing you can also add a password.
‫So if I use any form and or type, I can use password.
‫If I save this one, it's on demo.
‫But was it back had?
‫This is the password.
‫You can see I got an option use password saved in your G.M. account or whatever, like anything, this
‫will not be visible.
‫So that's how we can utilize this password field.
‫I hope you got the idea.
‫So that's adopted for the form.
‫Make sure to utilize this information and stop working with your own form as well.
‫Try to create something similar so you get an idea how this is going to work and mess around with these
‫people.
‫Remember one quick information again, we use this for an idea to combine each other.
‫Let me give it there.
‫We use this for an idea to combine both of them.
‫And then we utilize them to define a parameter, which is we are going to do this during the order and
‫then we take value from user in these two you.
‫If the value is not provided from user, then we define the value because user is only selecting it.
‫And if we need to combine multiple fields, we can use this same name for all.
‫I hope this lecture was helpful.
‫Thank you for calling.
‫And I see you guys in the next one, make sure before moving on to the next lecture, you practice all
‫the content that we have discussed and now this will help you to boost up your confidence.
‫The first thing.
‫And also, you will get to have it.
‫What we are doing, actually just watching lectures and implementing things are two different things.
‫So make sure you practice.