Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
forms

74 Articles
{
,

}
Direct link to the article [WebKit now has] HTML Interactive Form Validation
forms validation webkit

[WebKit now has] HTML Interactive Form Validation

Chris Dumez:

WebKit did not support HTML interactive form validation, which occurs on form submission (unless the novalidate attribute is set on the <form> element) or using the reportValidity() API. We are pleased to announce that this is now implemented

…
Avatar of Chris Coyier
Chris Coyier on Dec 14, 2016
Direct link to the article Radios and Checkboxes on GOV.UK
checkboxes forms radio buttons ux

Radios and Checkboxes on GOV.UK

An interesting journey of form UX, documented by Tim Paul. It started with browser defaults. It’s unclear why that wasn’t working. But interestingly, an alteration that included giant label-based click areas in color-offset boxes didn’t help. What actually helped was …

Avatar of Chris Coyier
Chris Coyier on Dec 3, 2016
Direct link to the article Enhancing a Comment Form
forms progressive enhancement

Enhancing a Comment Form

Nice tutorial from Michael Scharnagl in which he takes a perfectly-functional comment form and progressively enhances it with very nice features. Things like custom error messaging, auto-expanding height, and even really fancy stuff like ajax and offline submission. …

Avatar of Chris Coyier
Chris Coyier on Nov 23, 2016
Direct link to the article An Intro to Monkey Testing with Gremlins.js
forms testing

An Intro to Monkey Testing with Gremlins.js

A common idiom in our industry is, “You never can predict how the user will use your product once they get it in their hands.” If you’ve ever watched a stakeholder use a website or web application for the first …

Avatar of Alicia Sedlock
Alicia Sedlock on Nov 14, 2016
Direct link to the article FormLinter
accessibility forms

FormLinter

I absolutely love this idea from Thoughtbot. Just like automated tools that check your HTML for syntax, formatting, validity, or whatever else, FormLinter checks your <form> HTML for best practices. Things like every input having a label, using correct input …

Avatar of Chris Coyier
Chris Coyier on Nov 12, 2016
Direct link to the article Options for Building Web Forms
forms wufoo

Options for Building Web Forms

There are plenty of form building services, plugins, and frameworks in the wild that make the tedious task of form design and development much easier. We’re going to look at some of those in this post.…

Avatar of Geoff Graham
Geoff Graham on May 4, 2016
Direct link to the article Datalists for Different Input Types
datalist forms inputs

Datalists for Different Input Types

I saw an HTML5 date input the other day, which had the dropdown arrow on the right, which I’ve grown accustom to clicking to reveal a calendar datepicker in which to choose a date.

Typically, that looks like this:…

Avatar of Chris Coyier
Chris Coyier on Oct 26, 2014 (Updated on Apr 26, 2020)
Direct link to the article appearance
appearance forms

appearance

The appearance property is used to display an element using a platform-native styling based on the users’ operating system’s theme.

.thing {
   -webkit-appearance: value;
   -moz-appearance:    value;
   appearance:         value;
}

This is starting to be unprefixed, which is great because …

Avatar of Sara Cope
Sara Cope on Aug 31, 2011 (Updated on Nov 20, 2020)
  • Newer
  • 1
  • ...
  • 5
  • 6
  • 7

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top