Designing a Simple Form

We will start this section by looking at how to design a simple web form. Forms must be easy to use and have an organized field layout (first and last name), clear actions (submit your application), and error messages (such as "please provide a username"). The article links to (older pages) examples of form design principles, accessibility, and best practices. Feel free also to browse the most recent articles.

Summary

Congratulations, you've built your first web form. It looks like this live:

That's only the beginning, however - now it's time to take a deeper look. Forms have way more power than what we saw here and the other articles in this module will help you to master the rest.