From the course: Building Great Forms with HTML and CSS

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Creating custom radio buttons

Creating custom radio buttons

- [Instructor] A radio button is a form element that allows the user to select one option from a range of options. Radio buttons are created with HTML input tag, and then we set the type to radio. It's important to understand the difference between radio buttons and check boxes. Check boxes differ from radio buttons in that check boxes allow a user to select any number of options, whereas radio buttons only allow the user to select one option. So radio buttons are better suited when we want the user to select one and only one. So in our form here, we only want them to select one option from this group. Now, these are how the radio buttons currently work. We're going to be working on making the radio buttons more custom, and this is similar to what we did in a previous exercise, except that this time, we're going to add a little bit more animation to make these a little bit more dynamic. They're a little bit bigger and…

Contents