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.
Your first form
The first article in our series provides you with your very first
experience of creating a web form, including designing a simple form,
implementing it using the right HTML form controls and other HTML
elements, adding some very simple styling via CSS, and describing how
data is sent to a server.
We'll expand on each of these subtopics in more detail later on in the
module.
| Prerequisites: | Basic computer literacy, and a basic understanding of HTML. |
|---|---|
| Objective: | To gain familiarity with what web forms are, what they are used for, how to think about designing them, and the basic HTML elements you'll need for simple cases. |
Source: Mozilla, https://developer.mozilla.org/en-US/docs/Learn/Forms/Your_first_form
This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 License.