Welcome to this very, very quick assignment.
I just want to recap before we move on.
And sometimes ... well, often, you know, having to think about it yourself and code something up yourself
really, really helps.
So here we go.
A very, very simple assignment.
What do I want you to do?
I want you to wrap a form section in a fieldset element.
I want you to label the fieldset, "Choose your favorite fruit" and I want you to have 3 input
elements that allow the user to select their favorite fruit.
Now, we haven't yet discussed the input type of radio, so that's just one clue I'm going to give you.
When you're coding up this section of the form, make sure you use an input element with its type set
to radio.
So that's what I want you to do. As an extra bonus,
what I've done, and what I'm going to show you in the solution, is how to animate and create our own cool
functionality
when it comes to selecting an item, look at that.
How cool is that red dot?
And the reason I'm doing all this is to show you that although the examples I've been using up until
now have been rather ugly, you know, they haven't looked pretty,
it's very easy to apply CSS styling to really transform what we've been doing into creating very cool
and intuitive forms.
But I don't want you to get lost.
We are going to be using transition properties and transform properties in CSS.
If you don't know CSS, don't worry, I'm going to show you the solution.
But again, this course is not about CSS.
It's about forms, and how to create forms.
This is all about the fieldset and legend element.
I want you to just try.
You know, let's just refresh this page.
I want you to try and just create that by yourself.
And then if you don't know how to do the CSS, don't worry, I'm going to go through the solution with
you.
So give it a go.
Have fun, grab a coffee, grab a Red Bull, and I'll see you in the solution video.