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
From the course: Building Great Forms with HTML and CSS
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.