#forms (153 links)
- The Incredible Overcomplexity of the Shadcn Radio Button paulmakeswebsites.com
Great list.
- Toggle-Switch Guidelines nngroup.com
Toggle switches should take immediate effect and should not require the user to click Save or Submit to apply the new state. As always, we should strive to match the system to the real world.
- react-hook-form/react-hook-form github.com
📋 React Hooks for form state management and validation (Web + React Native)
- Build a Better Mobile Input better-mobile-inputs.netlify.app
- How we internationalized our number field – React Spectrum Blog react-spectrum.adobe.com
Scott O'Hara 13 Dec ember 2018 Published in Code No comments I would like to begin by saying 2018 was the year that we, as developers, visual designers, browser…
- HTML5 Constraint Validation noti.st
HTML5BRISTOL JSCONSTRAINTVALIDATION@drewm FORMS AREHARD. YOU’RE LAZY ANDYOUR CODE SUCKS. BROWSERS AREHERE TO SAVE US. HTML5 CONSTRAINT VALIDATION1.Users enter…
<input type="number"> will open a numeric software keyboard on modern mobile operating systems. Not every user can input decimal numbers into this convenient…
Streamlining the Checkout Experience. 3/4 Fluix by Readdle. Checkout Form. Summary: this article is the culmination or semantic conclusion, if you want, of my…
- Float Labels 1 buff.ly
Pen Settings Add External Stylesheets/Pens Any URL's added here will be added as <link> s in order, and before the CSS in the editor. If you link to another…
- Happier HTML5 Form Validation daverupert.com
I recently embarked on improving the client-side form validation for a client. There were about 400 lines of form validation code stuffed inside a 1000 line…
- Offline-Friendly Forms mxb.at
Forms on the web don't usually play nice with bad connections. If you're trying to submit a form while offline, you'll most likely just lose your input. Here's…
Here is one of form validation error messages that made me laugh aloud : “invalid last name. Please enter a valid last name”. The form (or the souls that coded…
- Disabled buttons suck - Axess Lab axesslab.com
Why I got pissed and decided to write this A couple of weeks ago I got this comment at an event: I really have to go now, but add me on Facebook and we can…
Using dropdown menus in forms might seem a no-brainer : they don’t take much space on the UI, they automatically validate the input, all browsers and platforms…
- Designing The Perfect Date And Time Picker – Smashing Magazine smashingmagazine.com
What could be so difficult about designing a decent date picker ? Basically, we just need an input field and an icon that represents a calendar clearly enough,…
- Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions – Smashing Magazine blogs.adobe.com
Someone who uses your app or website has a particular goal. Often, the one thing standing between the user and their goal is a form. Forms remain one of the…
- Under-Engineered Custom Radio Buttons and Checkboxen adrianroselli.com
May 29, 2017 ; I keep seeing overly-complex controls with additional elements as style hooks, scripting to make up for non-semantic replacements, images that…
Floating labels are problematic After writing Placeholders are Problematic some people suggested the floating label. We are often seduced by novel patterns that…
- WTF, forms? wtfforms.com
Checkboxes and radios <label class= "control checkbox" > <input type= "checkbox" > <span class= "control-indicator" ></span> Check this custom checkbox </label>…
- React.js Forms: Controlled Components lorenstewart.me
This post covers the following controlled components: text inputs number inputs radio inputs checkbox inputs textareas selects Also covered are:…
- Announcing FormLinter robots.thoughtbot.com
Between running FormKeep and completing dozens of client projects each year, we spend a lot of timethinking about forms. Here are a few questions we ask…
- Form Validation UX in HTML and CSS | CSS-Tricks css-tricks.com
You can do and impressive amount of form validation with just HTML attributes. You can make the user experience pretty clean and clear with CSS selectors. But…
You may have seen many articles saying “you shouldn’t use setState ,” and the docs are claiming “ ref s are bad” …That is so contradictory.It’s hard to…
- I Wanted To Type a Number | Filament Group, Inc., Boston, MA filamentgroup.com
I Wanted to Type a Number Posted by Zach on 07/13/2016 Forms are the bedrock upon which users interact with the web. For a long time, forms controls were…
Design Better Forms Common mistakes designers make and how to fix them Whether it is a signup flow, a multi-view stepper, or a monotonous data entry interface,…
- Autofill: What web devs should know, but don’t blog.cloudfour.com
May 19, 2016 Many people know that you can scan your credit credit in Mobile Safari. But how many web developers know how to create a form that supports that…
- Simple inline error message pattern paciellogroup.com
Error messages can be problematic to convey consistently to all users across browsers and assistive technology (AT). Using simple HTML, with a little ARIA…
- Indeterminate Checkboxes | CSS-Tricks css-tricks.com
Treehouse: Grow your CSS skills. Land your dream job.
- Grid Forms · Data entry made beautiful kumailht.com
Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease.
All too often mobile forms make use of drop-down menus for input when simpler, more appropriate controls would work better. Here's a few alternatives.
Native select boxes are rubbish and I have the user research videos to prove it.
- Formalize CSS - Teach your forms some manners! formalize.me
- Dropdown Default Styling | CSS-Tricks css-tricks.com
- Replacing Radio Buttons Without Replacing Radio Buttons sitepoint.com
- Accessible custom checkboxes and radio buttons | 456 Berea Street 456bereastreet.com
- Official Google Webmaster Central Blog: Making form-filling faster, easier and smarter googlewebmastercentral.blogspot.com
Note to <input x-autocompletetype=email> http://t.co/txxGGiuY beware Tim Berners-Lee’s standards-avenging ninjas bit.ly/vZvzrY