Tag: Forms

Learn the basics of using forms in React: how to allow users to add or edit info, and how to work with input controls, validation, and 3rd-party libraries.

Daniel Schwarz shows how to mark up forms using only HTML and CSS, covering new CSS3 options that make it easier to style inputs.

Ilya shows how to style form elements with the Bootstrap form component, using Bootstrap’s grid system, horizontal and inline layouts, and validation tools.

Forms are an essential part of most web applications. Kaloyan Kolev shows how to create template-driven and reactive Angular forms along with validation.

Human beings are sensitive to color. We process it without us even realizing, and we can’t help noticing differences. This is useful in form design.

Human beings see things that are close to each other as being related. Conversely, things that are not related usually have some space between them.

Create a straight, unobstructed, vertical path to completion. Now it's faster for your form to be filled out, and it looks neater and simpler too.

Turn huge amounts of data into comprehensible charts and graphs easily with wpDataTables.

We delve deeper into various Input Types for HTML5 Forms. This is an excerpt from our book, HTML5 & CSS3 for the Real World, 2nd Edition.

There are five new form elements in the HTML5 forms specification: datalist, output, keygen, progress, and meter

HTML5 web forms have introduced new form elements, input types, attributes, native validation, and other form features.

Craig Buckler looks at JotForm 4.0, a tool that enables people without a technical background to build advanced, beautiful forms.

Thomas Greco takes a deeper look into Angular's ngMessages module and shows how its directives can take the pain out of displaying form validation errors.

Forms are often the make-or-break point for conversions on our web applications. Kerry pulls together a checklist of good UX design for passwords & forms.

Chad Smith explains how he leveraged the power of Angular's directives to solve the knotty problem of managing multiple nested forms within a single view.

Danny uses ajax functionality in Drupal 8 to add some UX magic to a form from a previous tutorial - all without a single line of JavaScript. See how!

Community Manager Jasmine Elias covers the latest on SitePoint Forums in "On Our Radar". The week with highlight.js, linux, form functions and PHP7.

Dennis shows us how we can use Sass to make theming form elements to match visuals.

Find out how JotForm can empower your clients, free you from the daily development drudgery of form building and make you some bonus cash on the side!

Anyone running an online business will know the importance of offering visitors a seamless checkout experience. In this article we will walk you through creating a simple order form in WordPress.

Danny Sipos continues his series on Drupal 8 module development by explaining and demonstrating Blocks and Forms

Danny Sipos demonstrates two approaches to dealing with forms in Symfony: pure HTML, and entity based.

It's never been more important to make sure your site or web app play nicely on the mobile web. Here are some excellent jQuery plugins that will help.

In the final part of his HTML5 forms series, Craig examines the Constraint Validation API and how you can write JavaScript which works in all browsers.

In his second article about HTML5 forms, Craig looks at the new styling selectors and properties you can use.

In the first of a three-part series about HTML5 forms, Craig examines the new elements and attributes to help you build a better data collection system.

Labels are central to good form design but there are many views on where to position them. Jessica Enders delivers the final word in form label positioning.

Abbas Suterwala explains how we can build and validate multi-page forms in Drupal

An introduction to Forms in Drupal - how to build, submit and validate them inside your modules

Read Why Paginate Your Web Forms? and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.