1
00:00:00,420 --> 00:00:01,080
‫Hey, there.

2
00:00:01,230 --> 00:00:01,920
‫Welcome back.

3
00:00:02,310 --> 00:00:05,550
‫Now in this lecture, let us discuss more about forms.

4
00:00:06,560 --> 00:00:10,020
‫So let me add a new type, which is going to be radio.

5
00:00:10,370 --> 00:00:16,670
‫Now what usually we do with radio boxes, we can have multiple option and only one can be selected.

6
00:00:16,970 --> 00:00:22,700
‫That means there will be multiple values, multiple inputs, but we can only select one.

7
00:00:23,210 --> 00:00:26,060
‫So what I'm going to do is I'm going to select the what part?

8
00:00:27,100 --> 00:00:30,070
‫And her time will be radio, which is pretty common.

9
00:00:30,610 --> 00:00:35,290
‫And then we can find more information like I.D. name as well as value.

10
00:00:36,390 --> 00:00:41,820
‫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

11
00:00:41,820 --> 00:00:47,050
‫view or maybe gender, maybe male, female, adult since it's our trip.

12
00:00:47,250 --> 00:00:48,180
‫I get asked that.

13
00:00:48,630 --> 00:00:52,320
‫So here I have this radio, which is my type.

14
00:00:52,770 --> 00:00:57,720
‫And then I'm definitely going to have an I.D. Ezra's name and value.

15
00:00:58,050 --> 00:00:59,250
‫Now what are they?

16
00:00:59,430 --> 00:01:06,060
‫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.

17
00:01:07,530 --> 00:01:10,080
‫And then I'm going to have name.

18
00:01:11,520 --> 00:01:18,270
‫Now what this name is, remember we use I.D. to connect these label and input field.

19
00:01:18,720 --> 00:01:24,060
‫Now we use this name to connect all the material that we are going to utilize in radio.

20
00:01:24,720 --> 00:01:29,220
‫So I will be keeping it as planned for now, so you can understand this later.

21
00:01:29,820 --> 00:01:32,490
‫And the third thing I'm going to use this value.

22
00:01:32,700 --> 00:01:37,860
‫So if someone select and submit this form, what is the value of this input field?

23
00:01:38,520 --> 00:01:42,320
‫The problem with this option is here we are providing value.

24
00:01:42,360 --> 00:01:44,280
‫I'm incurring Sean.

25
00:01:44,280 --> 00:01:47,280
‫This is the value that I am providing here.

26
00:01:47,280 --> 00:01:52,890
‫I'm providing an email, but when we select the check box, we don't provide any value behind the scenes.

27
00:01:52,890 --> 00:01:54,540
‫They have already stored the value.

28
00:01:55,050 --> 00:01:56,910
‫That's where this comes in the picture.

29
00:01:57,360 --> 00:01:59,730
‫So let me add these to you for now.

30
00:02:01,950 --> 00:02:05,100
‫Will email and then we have either.

31
00:02:05,340 --> 00:02:13,170
‫So this idea will be realized to bind the remember to bind important labor in our country have invited

32
00:02:13,170 --> 00:02:15,650
‫the import and now I have name.

33
00:02:15,670 --> 00:02:18,930
‫So I'm going to utilize this name to mine all these three.

34
00:02:19,650 --> 00:02:21,870
‫So I'm going to call this name of gender.

35
00:02:23,370 --> 00:02:26,190
‫In this way, only one will be selected and they are together.

36
00:02:28,150 --> 00:02:30,970
‫And now I'm writing a value, which is you.

37
00:02:31,840 --> 00:02:35,770
‫This is basically a parameter that I'm going to discuss in few minutes.

38
00:02:38,110 --> 00:02:39,160
‫And here I got it.

39
00:02:39,670 --> 00:02:40,850
‫Let me save this one.

40
00:02:40,900 --> 00:02:41,740
‫Get back here.

41
00:02:42,280 --> 00:02:46,310
‫You can see I got these three people and then our registration option.

42
00:02:46,960 --> 00:02:48,160
‫Let me recap.

43
00:02:50,810 --> 00:02:53,390
‫See, this one looks fine.

44
00:02:53,720 --> 00:02:56,810
‫Now let me add label to remove the confusion.

45
00:02:59,080 --> 00:03:06,400
‫Maybe this one is going to be for me, I'm buying this and hat, I'm going to provide an option.

46
00:03:08,380 --> 00:03:10,810
‫Then we are going to have a second labor.

47
00:03:13,450 --> 00:03:17,860
‫For Freeman and then hand, I'm grateful for this.

48
00:03:19,890 --> 00:03:23,100
‫And the third one is going to be for other.

49
00:03:28,300 --> 00:03:31,750
‫That's it, so that's how I'm going to add these value.

50
00:03:33,140 --> 00:03:35,030
‫Let me say this one, get back here.

51
00:03:35,420 --> 00:03:37,750
‫Male, female, honor.

52
00:03:39,610 --> 00:03:41,140
‫I can just reverse them.

53
00:03:41,680 --> 00:03:46,300
‫That means let me add them like this.

54
00:04:04,150 --> 00:04:06,190
‫OK, so I'm selecting in this way.

55
00:04:06,510 --> 00:04:11,740
‫Now that's how this is going to work, but I still need to understand what is this name and why this

56
00:04:11,760 --> 00:04:12,280
‫is that.

57
00:04:12,520 --> 00:04:17,410
‫The thing is, when we submit a form, we can only submit one value for full name.

58
00:04:18,160 --> 00:04:21,190
‫With this particular idea, I can only submit one value.

59
00:04:21,190 --> 00:04:23,800
‫I can not have to import fuel with full name.

60
00:04:23,830 --> 00:04:27,100
‫This is unique I.D. This is unique for name itself.

61
00:04:27,610 --> 00:04:30,820
‫Similarly, then, I'm going to submit this is going to be unique.

62
00:04:31,360 --> 00:04:35,940
‫I'm only going to select one at a time, someone that of my change the name here.

63
00:04:35,950 --> 00:04:36,700
‫Let me use.

64
00:04:37,840 --> 00:04:38,550
‫Different name.

65
00:04:38,960 --> 00:04:42,740
‫Ah, and now this is not unique.

66
00:04:42,760 --> 00:04:46,030
‫These are three different names, so I can select all three.

67
00:04:47,540 --> 00:04:53,720
‫So demon form only allowed to send one value for a particular parameter, which is name had.

68
00:04:54,290 --> 00:04:56,180
‫Now let us do something interesting.

69
00:04:56,180 --> 00:04:59,420
‫What I'm going to do is I'm going to add an action you.

70
00:05:02,430 --> 00:05:08,190
‫And I'm going to call this action for you, or I'm going to send information, maybe to about 16.

71
00:05:08,550 --> 00:05:14,850
‫So whenever I'm going to submit, it is going to send information to this about page.

72
00:05:15,510 --> 00:05:17,820
‫OK, so let going to get back here.

73
00:05:18,330 --> 00:05:22,200
‫Let me write my name, email, select and submit.

74
00:05:23,280 --> 00:05:25,170
‫Now here, you can see the important thing.

75
00:05:26,520 --> 00:05:34,230
‫This barometer, so this is the parameter, which was gender, and this is the parameter which is male.

76
00:05:34,740 --> 00:05:37,380
‫So this is basically the value and this is the parameter.

77
00:05:37,380 --> 00:05:40,560
‫So this is the parameter and this is going to be the value.

78
00:05:40,800 --> 00:05:42,240
‫I hope you got the idea.

79
00:05:44,040 --> 00:05:48,550
‫Now, here's what I need to do is I need to add the name here on so.

80
00:05:49,980 --> 00:05:55,060
‫So what I will do is I'm Lugo, our name, and I'm going to call this ask for the name itself.

81
00:05:55,770 --> 00:05:59,810
‫So the value will be for naming about that value and we're going to.

82
00:06:00,240 --> 00:06:03,330
‫And similarly, I'm going to add name here.

83
00:06:04,140 --> 00:06:07,860
‫This is going to be email or email itself.

84
00:06:08,730 --> 00:06:10,800
‫And this is not your home.

85
00:06:10,800 --> 00:06:11,430
‫Is it here?

86
00:06:11,460 --> 00:06:12,090
‫Refresh.

87
00:06:12,630 --> 00:06:15,330
‫If I know my name, email me.

88
00:06:15,390 --> 00:06:16,890
‫Register now.

89
00:06:16,890 --> 00:06:21,570
‫Here is the important thing you are going to see this question mark.

90
00:06:21,630 --> 00:06:24,000
‫This question mark is used to define the pattern.

91
00:06:24,000 --> 00:06:27,840
‫We don't suppose if you visit any website here.

92
00:06:27,990 --> 00:06:30,660
‫Amazon, you see, this is the question mark.

93
00:06:32,050 --> 00:06:35,140
‫Most of the courses don't discuss this, but it's important.

94
00:06:35,590 --> 00:06:40,390
‫This is the value field by default, they are going to remember my information.

95
00:06:41,110 --> 00:06:47,440
‫Maximum authorization age and these are a few other details if I just simply was an Amazon and soldier

96
00:06:47,530 --> 00:06:48,160
‫or something.

97
00:06:48,850 --> 00:06:50,110
‫Maybe not all.

98
00:06:51,410 --> 00:06:54,650
‫You see, after question mark, I have these parameters.

99
00:06:54,710 --> 00:06:56,780
‫This can be given equal to a laptop.

100
00:06:57,170 --> 00:07:01,820
‫So similarly, we entered some data in our form and we have this question mark.

101
00:07:02,060 --> 00:07:06,320
‫And then our parameter, which is the name equals Toshiba that we enter.

102
00:07:06,740 --> 00:07:12,860
‫Then we have and that is defining the second parameter M. equal to Shubham at the X y z dot com.

103
00:07:13,160 --> 00:07:20,350
‫This is actually more about HDMI lengthily, so we cannot write at the rate for HD, Yemen or any type

104
00:07:20,360 --> 00:07:21,010
‫of you are in.

105
00:07:21,260 --> 00:07:22,840
‫This is this special character.

106
00:07:22,850 --> 00:07:28,340
‫So this converts into Android, then we have and then gender equals to male.

107
00:07:28,580 --> 00:07:34,340
‫So that's how behind this unit is going to and because we have action for about HDMI.

108
00:07:34,400 --> 00:07:37,400
‫So all our data is going on about HDMI.

109
00:07:38,120 --> 00:07:45,470
‫I hope you got the idea that how we are binding, so we are utilizing this name or D parameter and then

110
00:07:45,530 --> 00:07:47,450
‫values entered by a user.

111
00:07:47,630 --> 00:07:50,270
‫Remember values entered here then?

112
00:07:50,480 --> 00:07:56,690
‫I mean, and then values entered by the user in the input field don't remember anything about label

113
00:07:56,690 --> 00:07:59,600
‫labels just to display the name on our page.

114
00:07:59,780 --> 00:08:00,380
‫That's it.

115
00:08:01,040 --> 00:08:02,540
‫Then we have these input fields.

116
00:08:03,500 --> 00:08:08,670
‫We can only take one parameters and remember, we need only one gender information that.

117
00:08:08,780 --> 00:08:09,470
‫Who are you?

118
00:08:09,830 --> 00:08:12,980
‫So we have this gender and you can only select one.

119
00:08:13,370 --> 00:08:14,660
‫That's how it is going to work.

120
00:08:15,200 --> 00:08:15,980
‫And that's it.

121
00:08:16,460 --> 00:08:19,280
‫I hope you got the idea about how we are binding.

122
00:08:19,280 --> 00:08:26,960
‫The first binding was for an ID with the label and input the same binding one's name and then the value

123
00:08:26,960 --> 00:08:28,670
‫that we are storing here.

124
00:08:28,670 --> 00:08:30,560
‫We are getting value from the user.

125
00:08:30,590 --> 00:08:35,600
‫These two films back here, we knew the value from the input field itself.

126
00:08:35,870 --> 00:08:37,820
‫So that's why we provide value for you.

127
00:08:38,390 --> 00:08:40,940
‫Not that I've told radio, but then is going to work.

128
00:08:41,420 --> 00:08:43,790
‫Now we need to add Morpheus maybe dropdown.

129
00:08:44,510 --> 00:08:46,070
‫Let us try to deny select.

130
00:08:47,480 --> 00:08:52,940
‫And don't worry, these are you are not going to utilize them every day also as a big nut.

131
00:08:53,180 --> 00:08:59,150
‫There are possibility that you will get confused and most probably almost 50 to 60 percent still get

132
00:08:59,150 --> 00:08:59,720
‫confused.

133
00:09:00,060 --> 00:09:05,900
‫So it's OK, you will learn them once you start working that these swarms once you start practicing

134
00:09:05,900 --> 00:09:06,250
‫them.

135
00:09:06,290 --> 00:09:07,520
‫So don't worry about this.

136
00:09:07,940 --> 00:09:08,390
‫Yep.

137
00:09:08,660 --> 00:09:10,160
‫So this is select now.

138
00:09:10,400 --> 00:09:13,220
‫This is a dropdown menu that means I have option.

139
00:09:13,640 --> 00:09:16,880
‫Different options to select, so I'm going to utilize option.

140
00:09:19,580 --> 00:09:23,740
‫So maybe I'm adding an option to select Ford plan.

141
00:09:24,140 --> 00:09:26,510
‫We are bringing a new trip, right?

142
00:09:26,990 --> 00:09:29,240
‫So let's create different plans.

143
00:09:30,020 --> 00:09:35,900
‫Lanier blandly bland plan again, the name is going to be parameter that will be shown on the yuan.

144
00:09:36,110 --> 00:09:43,880
‫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

145
00:09:43,880 --> 00:09:46,550
‫any label, I need this I.D. for now.

146
00:09:46,550 --> 00:09:47,600
‫Let us ignore label.

147
00:09:48,350 --> 00:09:49,810
‫Then I need different options.

148
00:09:49,880 --> 00:09:54,230
‫So option one plan maybe another hundred.

149
00:09:55,740 --> 00:09:58,770
‫Option B, which is Plan B.

150
00:09:59,960 --> 00:10:01,430
‫Maybe 250.

151
00:10:03,340 --> 00:10:12,430
‫And then Plan C, maybe another five hundred and then had I can provide value, so this value will not

152
00:10:12,430 --> 00:10:19,090
‫be seen by user, user can only see this content so I can say A, B and C.

153
00:10:19,540 --> 00:10:24,250
‫Now I know this is devalue value is equal to $100 B and C.

154
00:10:24,250 --> 00:10:25,060
‫I know this.

155
00:10:25,330 --> 00:10:27,370
‫So if I save this one going back had.

156
00:10:28,950 --> 00:10:34,890
‫You can see I can select any on me and you can see the back here.

157
00:10:36,070 --> 00:10:37,300
‫OK, this looks fine.

158
00:10:37,360 --> 00:10:45,310
‫Let me try to select Chumhum, get back to showing my Grade X Y Z dot com.

159
00:10:46,060 --> 00:10:50,380
‫Select me and select Plan C and F I registered.

160
00:10:50,800 --> 00:10:52,960
‫Your important task is to check out your order.

161
00:10:53,350 --> 00:11:00,700
‫Full name Siobhan Male equals to my translate x y z and then gender male and plan equal to C.

162
00:11:00,910 --> 00:11:06,490
‫Now remember behind this detail most of the information that contain user input.

163
00:11:06,490 --> 00:11:07,180
‫We hide them.

164
00:11:07,180 --> 00:11:10,000
‫Don't worry, you don't have to do this McIntosh's.

165
00:11:10,630 --> 00:11:14,170
‫So this information will be hidden and you don't have to worry much.

166
00:11:14,500 --> 00:11:15,610
‫So this will be hidden.

167
00:11:15,610 --> 00:11:19,470
‫But behind the scenes, you already know what what this means for plan.

168
00:11:19,480 --> 00:11:22,330
‫It is fancy, so that's how it is going to work.

169
00:11:22,330 --> 00:11:27,310
‫We can write anything because this depends on us and we are going through this information.

170
00:11:28,330 --> 00:11:34,260
‫Let's use labor now for I'm going to call this plan and here plan.

171
00:11:36,670 --> 00:11:44,490
‫And I'm going to select your Plan C. Get back here.

172
00:11:46,640 --> 00:11:49,820
‫OK, I need to visit the Iran, OK?

173
00:11:49,850 --> 00:11:51,080
‫That's how it is going to work.

174
00:11:51,770 --> 00:11:54,890
‫So I hope you got the idea had I can also add a label.

175
00:11:56,710 --> 00:12:01,770
‫Maybe I don't need to give any further, I can just say.

176
00:12:03,740 --> 00:12:05,770
‫See, OK, difficult.

177
00:12:06,230 --> 00:12:07,040
‫Get back here.

178
00:12:07,730 --> 00:12:10,550
‫Yeah, that's how it is going to work and this looks better.

179
00:12:11,440 --> 00:12:17,500
‫It's got to contain all that information, so we have completed our radio, but then we have completed

180
00:12:17,500 --> 00:12:18,820
‫our drop down.

181
00:12:19,910 --> 00:12:22,250
‫Now, let us quickly discuss about big data.

182
00:12:22,400 --> 00:12:30,230
‫So maybe we need some message or maybe caution from use itself so I can use this text idea, and here

183
00:12:30,230 --> 00:12:33,530
‫I need to provide a name that is going to be my parameter, actually.

184
00:12:34,160 --> 00:12:36,280
‫And let me call this ask caution.

185
00:12:37,770 --> 00:12:39,480
‫And let me answer the final legal.

186
00:12:41,820 --> 00:12:44,010
‫That week, this has a message.

187
00:12:48,130 --> 00:12:52,000
‫So I can connect both Expedia and Labor and I can to find.

188
00:12:53,450 --> 00:12:55,400
‫I need caution and when.

189
00:12:56,980 --> 00:12:57,910
‫It looks fine.

190
00:12:58,030 --> 00:13:02,500
‫And here we have two views, which is called quantum and rolls.

191
00:13:02,620 --> 00:13:04,990
‫That is true basically jumper.

192
00:13:05,980 --> 00:13:06,260
‫Yeah.

193
00:13:06,700 --> 00:13:08,350
‫So that's how this is going to look.

194
00:13:08,770 --> 00:13:11,140
‫Now you can provide certain information here.

195
00:13:11,560 --> 00:13:14,650
‫So I jump here and I see the message.

196
00:13:15,130 --> 00:13:16,570
‫See it back here.

197
00:13:16,900 --> 00:13:18,280
‫You can see this is the message.

198
00:13:18,880 --> 00:13:22,270
‫So this is important to collect certain information from user.

199
00:13:23,410 --> 00:13:32,610
‫One quite important thing you can add are, Rick, just to add this in this sequence, also break here.

200
00:13:36,120 --> 00:13:37,260
‫OK, this looks fine.

201
00:13:37,590 --> 00:13:40,560
‫So now we have options big, any type of message.

202
00:13:41,040 --> 00:13:43,920
‫Now there are two important things that I need to discuss.

203
00:13:43,950 --> 00:13:50,040
‫The first one is placeholder at this point of time if I'm writing and it may well fix and predefined

204
00:13:50,040 --> 00:13:51,450
‫here, which I don't want.

205
00:13:52,080 --> 00:13:53,790
‫So I'm going to delete this.

206
00:13:53,790 --> 00:13:59,130
‫For now, I can utilize placeholder to give pre-defined value ideas.

207
00:13:59,430 --> 00:14:02,160
‫And that is pretty common for most of the website.

208
00:14:02,370 --> 00:14:08,130
‫So for example, if you visit there, maybe I need to provide a place holder of predefined feel as an

209
00:14:08,130 --> 00:14:16,290
‫example for my email, I can go ahead and here I can use placeholder and give the example value.

210
00:14:16,440 --> 00:14:20,790
‫Remember that example value will only display in the user click.

211
00:14:21,360 --> 00:14:26,830
‫So here I can see x y z at three p.m. dot com see.

212
00:14:26,850 --> 00:14:32,760
‫And if I get back here, you can see as soon as I click and enter anything, it's gone.

213
00:14:33,450 --> 00:14:37,860
‫So this is a placeholder which is utilized to give sample values.

214
00:14:38,670 --> 00:14:41,040
‫Similarly, we can provide any placeholder here.

215
00:14:47,580 --> 00:14:54,360
‫Let me save this one and get back here, you can see as soon as rates are, you know, something that

216
00:14:54,370 --> 00:14:55,590
‫may soon be gone.

217
00:14:56,100 --> 00:15:02,100
‫So this is pretty important just to give maybe some message just to give example of any value.

218
00:15:02,430 --> 00:15:05,700
‫Or I can remove this label itself and write email here.

219
00:15:06,240 --> 00:15:10,740
‫Pretty common nowadays, but I don't recommend cause confusion, so I can just say.

220
00:15:12,620 --> 00:15:15,480
‫Do you me and I can remove this label?

221
00:15:17,530 --> 00:15:22,450
‫Save this one, get back here, you can see now users know that this is going to be an e-mail for you,

222
00:15:22,930 --> 00:15:26,770
‫but I don't recommend as a beginner for now, it is going to create confusion.

223
00:15:28,980 --> 00:15:34,920
‫Even Amazon is utilizing on the field here, you can see they have placed older mobile number also,

224
00:15:34,920 --> 00:15:38,130
‫they have placed a level password with just six character.

225
00:15:38,640 --> 00:15:43,980
‫So that's how you can utilize also one quite important thing you can also add a password.

226
00:15:44,490 --> 00:15:48,610
‫So if I use any form and or type, I can use password.

227
00:15:48,750 --> 00:15:50,460
‫If I save this one, it's on demo.

228
00:15:50,460 --> 00:15:52,650
‫But was it back had?

229
00:15:53,710 --> 00:15:54,910
‫This is the password.

230
00:15:55,220 --> 00:16:00,910
‫You can see I got an option use password saved in your G.M. account or whatever, like anything, this

231
00:16:00,910 --> 00:16:02,020
‫will not be visible.

232
00:16:02,650 --> 00:16:05,090
‫So that's how we can utilize this password field.

233
00:16:05,320 --> 00:16:06,580
‫I hope you got the idea.

234
00:16:07,330 --> 00:16:09,730
‫So that's adopted for the form.

235
00:16:10,180 --> 00:16:14,980
‫Make sure to utilize this information and stop working with your own form as well.

236
00:16:15,460 --> 00:16:20,670
‫Try to create something similar so you get an idea how this is going to work and mess around with these

237
00:16:20,680 --> 00:16:21,000
‫people.

238
00:16:21,790 --> 00:16:28,120
‫Remember one quick information again, we use this for an idea to combine each other.

239
00:16:29,230 --> 00:16:30,230
‫Let me give it there.

240
00:16:30,250 --> 00:16:33,460
‫We use this for an idea to combine both of them.

241
00:16:33,910 --> 00:16:41,110
‫And then we utilize them to define a parameter, which is we are going to do this during the order and

242
00:16:41,110 --> 00:16:44,050
‫then we take value from user in these two you.

243
00:16:44,500 --> 00:16:50,680
‫If the value is not provided from user, then we define the value because user is only selecting it.

244
00:16:51,130 --> 00:16:55,540
‫And if we need to combine multiple fields, we can use this same name for all.

245
00:16:56,720 --> 00:16:58,280
‫I hope this lecture was helpful.

246
00:16:58,430 --> 00:16:59,550
‫Thank you for calling.

247
00:16:59,580 --> 00:17:05,690
‫And I see you guys in the next one, make sure before moving on to the next lecture, you practice all

248
00:17:05,690 --> 00:17:11,190
‫the content that we have discussed and now this will help you to boost up your confidence.

249
00:17:11,250 --> 00:17:11,990
‫The first thing.

250
00:17:12,230 --> 00:17:13,820
‫And also, you will get to have it.

251
00:17:13,820 --> 00:17:19,310
‫What we are doing, actually just watching lectures and implementing things are two different things.

252
00:17:19,640 --> 00:17:21,080
‫So make sure you practice.