From the course: Building Great Forms with HTML and CSS

Unlock the full course today

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

Shipping

Shipping

From the course: Building Great Forms with HTML and CSS

Start my 1-month free trial Buy for my team

Shipping

“

- [Presenter] Our shipping page is fairly simple. We just have some radio buttons where the user can select their preferred shipping method. We are using a technique that we explored earlier in the course, which is making our own custom radio buttons. This will give more cross browser consistency and make the radio buttons a little bit bigger and easier to hit. I'm going to jump into the code section. So here is my page. I'm linking to a new CSS file. We'll review that in a moment. I do want to point out if I scroll down to where the radio buttons are, the labels are associated implicitly to the input types since we're wrapping the label around the input fields. This is a common technique when using radio buttons or check boxes. In regards to our CSS for this page, the first bit of CSS is just for general formatting. We have some new elements on this page, like the little contact information and the ship address…

Contents