WEBVTT 0 00:00.080 --> 00:02.540 So we've spoken about what the textarea is. 1 00:02.570 --> 00:05.510 We've spoken about how it's different to the input type of text. 2 00:05.540 --> 00:07.670 We've spoken about the important attributes. 3 00:07.850 --> 00:13.350 But the other unique thing with the textarea is that it's resizable. 4 00:13.370 --> 00:15.710 We can resize the box. 5 00:15.710 --> 00:23.840 It's pretty cool and we can use the resize CSS property to define the resize functionality of a text 6 00:23.840 --> 00:24.200 area. 7 00:24.230 --> 00:30.620 You can use values such as both horizontal, vertical, none block and inline, and they're all pretty 8 00:30.620 --> 00:31.030 intuitive. 9 00:31.040 --> 00:37.340 So I'll let you play around with these different values on your own, although I might have a few examples 10 00:37.340 --> 00:39.020 actually coming up after this lecture. 11 00:39.020 --> 00:40.760 And then I'll play around with some of them. 12 00:40.760 --> 00:45.140 I'll show you how some work, but for the most part it's very, very intuitive. 13 00:46.490 --> 00:52.310 So I know we've only just spoken about the textarea, but it's a very, very useful widget. 14 00:52.520 --> 00:58.040 And as a summary, the textarea is just an input type text on steroids. 15 00:58.040 --> 01:00.450 You know the adage "go big, or go home". 16 01:00.450 --> 01:02.960 We know that it's also not an empty element, right? 17 01:02.970 --> 01:07.140 The textarea takes a closing tag. But don't let this fool you, 18 01:07.140 --> 01:14.310 it is a CSS replaced element, and we are only able to put plain text inside of the textarea. 19 01:14.310 --> 01:18.150 We can't insert rich HTML content, for example. 20 01:18.240 --> 01:25.590 The other thing we saw with the textarea is that it does have useful attributes ... cols, rows, wrap, 21 01:25.590 --> 01:26.370 length. 22 01:26.400 --> 01:27.080 Etc. 23 01:27.090 --> 01:27.780 etc. 24 01:27.780 --> 01:32.460 And these are very cool because they come to us straight out of the box by the browser. 25 01:32.460 --> 01:40.920 And finally, because it has that resize box, we can use CSS to change the resize ability of the 26 01:40.920 --> 01:48.510 textarea element. And combining all these things together, we get a very, very powerful, a very useful 27 01:48.510 --> 01:50.250 form widget. 28 01:50.330 --> 01:55.590 Anyway, we've, we've covered a lot in this lecture about textareas. 29 01:55.980 --> 02:01.620 I think now it's time to show you a few examples of how we can use textarea and then let's move on. 30 02:01.620 --> 02:04.290 Let's move on to other form widgets. 31 02:04.560 --> 02:05.340 See you now.