WEBVTT

0
00:00.470 --> 00:07.310
We are just about to get into the <input> element in HTML, and the <input> element is one of the most powerful

1
00:07.310 --> 00:10.190
and complex types of elements in HTML.

2
00:10.190 --> 00:17.000
And the reason is it has so many type attributes that change its functionality completely.

3
00:17.000 --> 00:20.810
It kind of reminds me of a lime 🍋. Why a lime?

4
00:20.810 --> 00:21.740
Well, let me show you.

5
00:23.960 --> 00:24.830
So there we go.

6
00:24.830 --> 00:26.450
Pretty easy, pretty simple.

7
00:26.540 --> 00:29.330
But we can apply a recipe to this lime.

8
00:29.330 --> 00:34.670
And depending on what recipe we apply to this lime, we can get a plethora of different produce.

9
00:34.670 --> 00:37.370
For example, limes can be used as disinfectants ...

10
00:37.370 --> 00:39.050
they do that a lot in Cuba, by the way. 

11
00:39.050 --> 00:44.240
Limes can be also used to make curd, to make sauces, to make even cough syrup.

12
00:44.480 --> 00:49.670
And actually my mouth is watering so much I think it's time to make some lime juice 🥤.

13
01:30.660 --> 01:32.130
Oh, there we go.

14
01:32.130 --> 01:38.580
We have literally just made our very own lime juice. Fresh, fresh, fresh, straight off the tree.

15
01:38.580 --> 01:40.260
And this is what it looks like.

16
01:40.470 --> 01:41.610
This is the concentrate.

17
01:41.610 --> 01:43.410
If I actually just tilt it.

18
01:44.430 --> 01:45.510
Have a look at that.

19
01:47.870 --> 01:48.380
Hey.

20
01:48.380 --> 01:48.950
Come on.

21
01:48.950 --> 01:50.330
It doesn't get much better than that.

22
01:50.690 --> 01:53.030
And of course, all we have to do is pour a bit in our glass.

23
01:55.670 --> 02:01.370
Put the lid back on, and you guessed it, add nice cold water.

24
02:08.450 --> 02:09.110
Cheers.

25
02:14.030 --> 02:14.810
Not bad.

26
02:14.810 --> 02:15.650
Not bad at all.

27
02:15.650 --> 02:17.090
But let's get back to coding 👩‍💻.

28
02:17.090 --> 02:18.560
What was the point of all this?

29
02:18.590 --> 02:23.390
The point I was trying to make is that we started off with a boring old lime, and we've turned it into

30
02:23.390 --> 02:25.580
something very, very awesome.

31
02:25.580 --> 02:28.400
And I could have done other things with the lime.

32
02:28.400 --> 02:29.870
That's the point I'm trying to make.

33
02:29.870 --> 02:35.030
This was a recipe for lime juice, but we could have made other things. And the same applies to this

34
02:35.030 --> 02:36.020
<input> tag.

35
02:36.050 --> 02:41.900
It may seem very vanilla, very boring on the face of it, and you probably think, like most of us,

36
02:41.900 --> 02:44.180
an input box is just kind of text.

37
02:44.180 --> 02:51.080
What's your first name, what's your email, what's your password, etc. etc. but with different type

38
02:51.080 --> 02:55.970
attributes applied to that input, we can transform it to other things other than text.

39
02:55.970 --> 03:01.340
For example, we can have radio buttons, we can have checkboxes, we can have color pickers, we can

40
03:01.340 --> 03:03.560
have a plethora of other types of buttons.

41
03:03.560 --> 03:05.270
It really, really is powerful.

42
03:05.270 --> 03:09.650
So stay amped, stay motivated, and I'll see you in the next lecture.

43
03:09.650 --> 03:10.520
Adios. 👋

44
03:12.020 --> 03:13.190
That is just so good.

45
03:13.820 --> 03:14.930
Let's get back to coding.