So we've spoken about what the textarea is.
We've spoken about how it's different to the input type of text.
We've spoken about the important attributes.
But the other unique thing with the textarea is that it's resizable.
We can resize the box.
It's pretty cool and we can use the resize CSS property to define the resize functionality of a text
area.
You can use values such as both horizontal, vertical, none block and inline, and they're all pretty
intuitive.
So I'll let you play around with these different values on your own, although I might have a few examples
actually coming up after this lecture.
And then I'll play around with some of them.
I'll show you how some work, but for the most part it's very, very intuitive.
So I know we've only just spoken about the textarea, but it's a very, very useful widget.
And as a summary, the textarea is just an input type text on steroids.
You know the adage "go big, or go home".
We know that it's also not an empty element, right?
The textarea takes a closing tag. But don't let this fool you,
it is a CSS replaced element, and we are only able to put plain text inside of the textarea.
We can't insert rich HTML content, for example.
The other thing we saw with the textarea is that it does have useful attributes ... cols, rows, wrap,
length.
Etc.
etc.
And these are very cool because they come to us straight out of the box by the browser.
And finally, because it has that resize box, we can use CSS to change the resize ability of the
textarea element. And combining all these things together, we get a very, very powerful, a very useful
form widget.
Anyway, we've, we've covered a lot in this lecture about textareas.
I think now it's time to show you a few examples of how we can use textarea and then let's move on.
Let's move on to other form widgets.
See you now.