1 00:00:00,660 --> 00:00:03,400 Hello and welcome to this lecture. 2 00:00:03,600 --> 00:00:08,610 In this lecture shot will be create in a simple form. 3 00:00:09,360 --> 00:00:13,250 So this is the form we have I'm going to walk you through. 4 00:00:13,380 --> 00:00:14,900 Hi it was created. 5 00:00:14,910 --> 00:00:25,620 This is the code responsible for this form so to create a form you need to indicate that we form a tag. 6 00:00:25,710 --> 00:00:29,840 So this form tag has got an opening and closing. 7 00:00:30,090 --> 00:00:33,060 Indicate that you are creating a form. 8 00:00:33,090 --> 00:00:38,700 It tells a web browser that you are displaying a form. 9 00:00:38,820 --> 00:00:50,670 So this is not the form element is used to define the form policemen's contain different types of input 10 00:00:50,790 --> 00:01:00,060 elements like check boxes read your Button's submit buttons text area. 11 00:01:00,180 --> 00:01:03,840 So these are some of the form elements. 12 00:01:03,840 --> 00:01:08,520 So we are going to query for we I've already created a radio button. 13 00:01:08,700 --> 00:01:17,620 So this is an input type that is called radio button that he type that he input and then a type of input. 14 00:01:17,760 --> 00:01:26,930 The attributes you need to specify the type of input with the type attribute and value is read you and 15 00:01:27,030 --> 00:01:29,390 it's like a button toggle. 16 00:01:29,400 --> 00:01:36,870 So you can talk between the two and you need to give it another attribute which is a name and then you 17 00:01:36,870 --> 00:01:41,360 specify the name tag specified the value filename to be sex. 18 00:01:41,430 --> 00:01:44,760 That is the sex of the whether it's male or female. 19 00:01:44,870 --> 00:01:48,630 And then the value is male check. 20 00:01:48,870 --> 00:01:51,020 And then this then there's a break. 21 00:01:51,060 --> 00:02:00,070 To put this on a separate line then next line inputs again the type is a radio hansis Radio name. 22 00:02:00,750 --> 00:02:03,370 The value of the name is what sex is in. 23 00:02:03,370 --> 00:02:06,140 Male or female the value is female. 24 00:02:06,140 --> 00:02:09,890 So the second one so you can toggle between both of them. 25 00:02:09,910 --> 00:02:12,740 This male here that's why you can read there. 26 00:02:12,750 --> 00:02:13,970 The female bear. 27 00:02:14,100 --> 00:02:15,230 That's it. 28 00:02:15,480 --> 00:02:18,990 So if he cheats is there something else hit or the reflex here. 29 00:02:18,990 --> 00:02:24,960 So this example here is how you create create your botan using the Input type. 30 00:02:25,140 --> 00:02:29,490 If you notice is enclosed inside the form tag. 31 00:02:29,550 --> 00:02:35,120 So live from attack and closes all this next see how to create this form. 32 00:02:35,130 --> 00:02:36,190 This is another form. 33 00:02:36,210 --> 00:02:40,470 This is also an input element. 34 00:02:40,540 --> 00:02:42,570 The value is text. 35 00:02:42,570 --> 00:02:50,030 Notice the value here hear the attribute here the value for this attribute here is you as you get ready 36 00:02:50,050 --> 00:02:53,590 for Putten value for this attribute. 37 00:02:53,590 --> 00:02:59,230 Type text is your input in a text and the name is the value. 38 00:02:59,280 --> 00:03:02,780 So you need to give it a value name is there. 39 00:03:03,300 --> 00:03:08,840 Hmm got a break and then the second input typed text again. 40 00:03:08,870 --> 00:03:12,740 The name has name attribute has to have a value. 41 00:03:12,750 --> 00:03:15,530 I like giving the value last name. 42 00:03:15,720 --> 00:03:16,900 Last name. 43 00:03:17,370 --> 00:03:27,400 Finally I have gotten the input type with the value of Submit the value submit as well. 44 00:03:27,600 --> 00:03:28,270 So what. 45 00:03:28,300 --> 00:03:34,580 What this form will do it will submit the data that is entered into it. 46 00:03:34,590 --> 00:03:42,450 Normally you would think you need to specify where to submit to an action by not specified that in this 47 00:03:42,450 --> 00:03:42,980 case. 48 00:03:43,020 --> 00:03:44,880 If I type in something there 49 00:03:47,940 --> 00:03:53,220 need date I will not go anywhere because I have not specified where to submit it to. 50 00:03:53,520 --> 00:03:57,560 So this is how you create a simple form. 51 00:03:57,600 --> 00:04:06,910 So in this lecture we I walked dutroux how to create a radio button form where then a radio input harlow's 52 00:04:06,950 --> 00:04:11,110 or in normal form with a text value input. 53 00:04:11,430 --> 00:04:13,070 Thank you so much for watching. 54 00:04:13,080 --> 00:04:15,060 I hope the video has made sense. 55 00:04:15,060 --> 00:04:20,160 You can play around with someone is values and then just see how your looks. 56 00:04:20,160 --> 00:04:21,060 Thanks so much. 57 00:04:21,060 --> 00:04:21,600 Bye for now.