CategoryForms

February 24, 2021 — Where to put the label in a web form? In the early days, we talked about left-aligned labels versus top-aligned labels. These days we talk about floating labels. Let’s explore why they aren’t a very good idea, and what to use instead. Read more…

November 18, 2020 — In this article, Stephanie dives into the past by going back to the beginning of HTML and tracing the evolution of form controls through to the present and the current state of working with them. Read more…

October 14, 2020 — Netlify Forms is a form handling feature that receives submissions from HTML forms automatically. In this article, we’ll cover how to use it with Angular reactive forms and how to deploy the finished app on Netlify’s hosting platform, Netlify Edge. Read more…

October 12, 2020 — Forms are an integral part of how users interact with our websites and web applications. Validating the data the user passes through the form is a critical aspect of our jobs as web developers. However, it doesn’t have to be a pain-staking process. In this article, we’ll learn how Formik handles the state of the form data, validates the data, and handles form submission. Read more…

October 8, 2020 — From a user’s profile picture to other media assets, data collection and storage to cloud services through file uploads have become an essential feature for most modern applications. In this article, you will learn how file uploads can be implemented in a GraphQL application. Read more…

August 20, 2020 — In this tutorial, you will learn how to build forms when working with Ionic React and how to make these forms interactive by adding validation rules with helpful text hints. Read more…

May 30, 2019 — This final part of the series will focus on improving the user experience for the people that will use our validation library: the developers. Read more…

May 23, 2019 — In Kristofer’s previous article, he explained how the basic parts of a validation library can be implemented. This article will focus on adding even more features to what had previously been created. Read more…

May 16, 2019 — Ever wondered how validation libraries work? This article will tell you how to build your very own validation library for React step by step. The next part will add some more advanced features, and the final part will focus on improving the developer experience. Read more…

October 10, 2018 — Forms are at the center of every meaningful interaction, so they’re worth getting a firm handle on. That’s why we published Form Design Patterns, a new printed book about accessible and well-designed web forms. Read more…