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.
Handling payment, part 1
From the course: Building Great Forms with HTML and CSS
Handling payment, part 1
- [Instructor] Now we'll be working on our payment form. The payment form actually contains quite a few areas that we're going to want to customize so we can improve usability for our end users. The first section that we're going to be concentrating on is our credit card number. So what we want to have happen here is when the user enters their credit card number, we're going to first of all, format the number so that it goes ahead and groups the credit card number in groups of four. And if the user enters a credit card, that is a visa, we're going to have our little visa icon become colored. And if they enter a credit card that's a MasterCard, the MasterCard icon will become colored. So that's what we're going to concentrate on right now. And then we'll address some of the other issues that are happening on this page. I'm going to reduce the size of my page a little bit, and let's go ahead and jump into the code. I'm just…
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)
-
-
-
-