FormsLesson 118Free preview

Signup Form

This lesson is part of How To · All levels

Summary

A signup form is a registration form that collects data such as name, email, and password. The layout of two columns can shorten the form, but on a small screen the columns must be stacked. Each field still needs labels, appropriate input types, and validation on the server.

Key points

Use the appropriate input type, such as email and password.
CSS Grid can create two neat columns for the front and back names.
Media queries stack columns on a narrow screen.
Autocomplete labels and attributes help with charging and accessibility.
HTML validation is just the first layer; the server keeps checking all the data.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.