We are just about to get into the <input> element in HTML, and the <input> element is one of the most powerful
and complex types of elements in HTML.
And the reason is it has so many type attributes that change its functionality completely.
It kind of reminds me of a lime 🍋. Why a lime?
Well, let me show you.
So there we go.
Pretty easy, pretty simple.
But we can apply a recipe to this lime.
And depending on what recipe we apply to this lime, we can get a plethora of different produce.
For example, limes can be used as disinfectants ...
they do that a lot in Cuba, by the way.
Limes can be also used to make curd, to make sauces, to make even cough syrup.
And actually my mouth is watering so much I think it's time to make some lime juice 🥤.
Oh, there we go.
We have literally just made our very own lime juice. Fresh, fresh, fresh, straight off the tree.
And this is what it looks like.
This is the concentrate.
If I actually just tilt it.
Have a look at that.
Hey.
Come on.
It doesn't get much better than that.
And of course, all we have to do is pour a bit in our glass.
Put the lid back on, and you guessed it, add nice cold water.
Cheers.
Not bad.
Not bad at all.
But let's get back to coding 👩‍💻.
What was the point of all this?
The point I was trying to make is that we started off with a boring old lime, and we've turned it into
something very, very awesome.
And I could have done other things with the lime.
That's the point I'm trying to make.
This was a recipe for lime juice, but we could have made other things. And the same applies to this
<input> tag.
It may seem very vanilla, very boring on the face of it, and you probably think, like most of us,
an input box is just kind of text.
What's your first name, what's your email, what's your password, etc. etc. but with different type
attributes applied to that input, we can transform it to other things other than text.
For example, we can have radio buttons, we can have checkboxes, we can have color pickers, we can
have a plethora of other types of buttons.
It really, really is powerful.
So stay amped, stay motivated, and I'll see you in the next lecture.
Adios. 👋
That is just so good.
Let's get back to coding.