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.
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…
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.
Contents
-
-
-
-
-
-
-
-
(Locked)
Organizing a payment form3m 56s
-
(Locked)
Flow and order2m 9s
-
(Locked)
Order summary overview5m 13s
-
(Locked)
Personal details summary9m 56s
-
(Locked)
Payment stepper2m 19s
-
(Locked)
Input mask8m 21s
-
(Locked)
Auto-populating city and state8m 15s
-
(Locked)
Shipping5m 53s
-
(Locked)
Handling payment, part 17m 53s
-
(Locked)
Handling payment, part 27m 19s
-
(Locked)
Handling payment, part 38m 27s
-
(Locked)
Review and confirmation pages5m 9s
-
(Locked)
-
-
-
-