From the course: Building Great Forms with HTML and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Radio buttons

Radio buttons

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial

Radio buttons

“

- [Woman] Our next step on our form is to customize our radio buttons. We're basically going to to be doing something very similar to what we did with our custom checkbox, but we'll be using different icons. I'm going to go ahead and take you to the Font Awesome website and I've already put circle in the search criteria. If you expand the Font Awesome window you'll see that you can limit the number of icons that are showing. So I'm going to just search for the free icons and this is now going to show me all of the circle icons that I can use for free. So for this particular exercise we're going to be using the circle. That's the unchecked state of our radio button. And the dot circle which is the checked state. So those are the icons that I'm using and if you wanted to get the unicode for those you can go ahead and click and get the appropriate unicode. But I'll provide that for you in my code snippet. All…

Contents