The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.
Consequently, we have decided to not include support for IE in the Design Library website.
Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.
A form is a structured page with spaces in which to write or select.
Forms are a great way to simplify complex processes, while also being able to validate the requested input. Forms can come in a single page or as a part of a multipage flow/wizard.
A form is a type of conversation between the user and the app. Users can be reluctant to fill out forms, so make the process as easy as possible. Make sure to ask only what you really need and always test your form design on real people.
Group related information into logical sets and use a logical order from the user's perspective. The flow from one set of questions to the next, will then better resemble a conversation and make more sense to the user.
Keep it simple and down to a bare minimum of fields. Use the ability to show/hide parts of a form depending on the answer to a question.
Consider all input fields carefully so they are all mandatory. But if you do need an optional input, add the word “optional” (or "valfritt") for non-required fields.
Component: input fields
Pattern: Error handling
Use the space wisely:
Make sure users can focus on and edit every field using only the keyboard.