WEBVTT 0 00:15.340 --> 00:20.450 OK, I've gone for a walk. I actually forgot my Gorrilapod, so I'm literally just hand-holding 🖐 this camera. 1 00:20.860 --> 00:26.020 Sorry if it's a bit wobbly. But I was just thinking, you know, we're going into a section now, um, all about... 2 00:26.020 --> 00:26.500 forms. 3 00:26.770 --> 00:29.800 And I've got a guy here, on the road... 4 00:29.800 --> 00:32.100 I was walking to the shops and I just thought of this cool analogy... 5 00:32.140 --> 00:32.920 so I'm going to show you. 6 00:32.920 --> 00:34.040 And it's just around this corner... 7 00:34.060 --> 00:34.510 let me show you. 8 00:40.890 --> 00:47.040 Yep, it's just around that corner. And yeah, I guess, you know, we need to think of forms as literally... 9 00:47.040 --> 00:51.060 just a container, a wrapper, the same with the fieldset element. 10 00:51.450 --> 00:56.460 These things are not in and of themselves very useful for a user. 11 00:56.880 --> 01:02.460 You know, a user doesn't even see the <form> element nor the <fieldset>. Whew 😪, that's a bit of a hill ⛰️. 12 01:02.670 --> 01:04.440 So this is a point I'm trying to make... 13 01:04.450 --> 01:10.140 I'm trying to make the point that you've got to think about this <form> element, this <fieldset> element... 14 01:10.140 --> 01:13.620 as containers 🥫, as a wrapper and everything else... 15 01:13.620 --> 01:15.360 needs to kind-of fit into it... 16 01:15.480 --> 01:20.790 and when they're all combined, it's going to create something truly awesome, which is what I want to... 17 01:20.790 --> 01:21.300 show you now. 18 01:24.320 --> 01:29.050 And this is what I wanted to show you, how ingenious is this table right here? 19 01:29.660 --> 01:30.260 Look at it. 20 01:31.940 --> 01:34.100 Heeey! See this string. 21 01:36.580 --> 01:43.780 And this is the analogy I thought of, bear with me, bear with me. The frame of this table, this overhang... 22 01:43.780 --> 01:44.050 here... 23 01:46.260 --> 01:48.300 that is like the <form> element. 24 01:49.940 --> 01:56.370 The tabletop itself is like the <fieldset> element. And look at the funky leg. 25 01:56.990 --> 01:57.680 I just love it. 26 01:58.490 --> 02:05.450 Look at that funky leg, that is like maybe a DIV tag, or an input element within the form, or a... 27 02:05.450 --> 02:05.880 textarea. 28 02:08.220 --> 02:15.030 How cool is this this? This, by the way, is a chair 🪑, but it is actually a water meter. 29 02:15.480 --> 02:17.420 And of course, there's the guest chair... 30 02:18.210 --> 02:19.330 gotta have the guests over 🤣. 31 02:22.120 --> 02:23.070 So there you go. 32 02:23.400 --> 02:25.050 This is my humble abode. 33 02:25.500 --> 02:27.870 But the point I'm trying to make is a very simple one... 34 02:27.870 --> 02:32.880 and that is, by themselves, things can seem very random and out of place. 35 02:33.300 --> 02:35.270 In fact, they can seem disjointed... 36 02:35.280 --> 02:37.050 it can seem kind of pointless. 37 02:37.300 --> 02:42.330 But, when everything comes together in a synchronous way, magic happens. 38 02:42.600 --> 02:48.390 And this is what the point, or the analogy I'm trying to make, is - the <form> element is literally just... 39 02:48.390 --> 02:48.840 a wrapper. 40 02:49.110 --> 02:53.320 And you've got lots of little random elements within a form, a lot of different widgets, inputs... 41 02:53.320 --> 02:57.570 div tags, UL elements, etc etc. By themselves... 42 02:57.570 --> 02:58.350 they're pretty meaningless, 43 02:58.360 --> 03:02.430 but when you put them all together, it can create quite an awesome structure. 44 03:02.640 --> 03:03.340 So there you have it. 45 03:03.340 --> 03:04.790 I hope you enjoy this section on forms. 46 03:04.800 --> 03:06.260 It's going to be epic. Have fun. 47 03:06.270 --> 03:06.660 And I'll see... 48 03:06.660 --> 03:12.450 you now. Just quickly, before I head home again, I just want to say this table is actually for selling... 49 03:12.450 --> 03:13.310 fruit and vegetables. 50 03:13.350 --> 03:14.550 That's what the guys use it for. 51 03:14.730 --> 03:16.170 So it's quite ingenious... 52 03:16.180 --> 03:21.000 I thought. You know, they've done an awesome job with very little. So there you have it. Hope you're having fun. 53 03:21.000 --> 03:22.080 And I'll see you in the next lecture.