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.
Build and style a sign-up form
From the course: Building Great Forms with HTML and CSS
Build and style a sign-up form
- [Instructor] We're going to be building out the sign-up page next. The sign-in page is very similar to our login landing and login pages. It's using similar properties from both of those pages. As you can see it has a two-column layout, we have a couple more form fields, we're still using our password visibility trick that we learned in one of the last exercises. And everything else is going to be very similar to what we've already done. Let's take a look at our HTML and our CSS. As you can see, without the CSS, the page is not formatting in the way that we want it to, it's just one column, and obviously we don't have the colors that we want. So what I'll be doing is I'll go into my code snippet page and I'm just going to copy my CSS code. I'll paste this into the bottom of the form.css file where I have my comment for 04-05, and then let's just talk about some of these styles. The first style right here is going to set the…
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
-
-
-
-
-
-
The registration process4m 56s
-
(Locked)
Login form flow chart and landing page2m 41s
-
(Locked)
Building the login page4m 38s
-
(Locked)
Password visibility11m 13s
-
(Locked)
Build and style a sign-up form3m 57s
-
(Locked)
Using tooltips for more information12m 49s
-
(Locked)
Password strength9m 8s
-
Login and registration form summary1m 37s
-
-
-
-
-
-
-