Chris Dumez:
…WebKit did not support HTML interactive form validation, which occurs on form submission (unless the
novalidateattribute is set on the<form>element) or using thereportValidity()API. We are pleased to announce that this is now implemented
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 …
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. …
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 …
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 …
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.…
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:…
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 …
