#forms (128 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.
- Build a Better Mobile Input better-mobile-inputs.netlify.app
- How we internationalized our number field – React Spectrum Blog react-spectrum.adobe.com
- Geri Reid - Forms best practice gerireid.com
- Grid Forms · Data entry made beautiful kumailht.com
<blockquote>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.</blockquote>
<blockquote>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.</blockquote>
<blockquote>Native select boxes are rubbish and I have the user research videos to prove it.</blockquote>
- 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
- Particletree » Rediscovering the Button Element particletree.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
- Safari Web Content Guide: Designing Forms developer.apple.com
Useful but non-validating attributes for forms.
- Uniform - Sexy forms with jQuery uniformjs.com
"Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs?" Not really, no.
- Niceforms :: Personal projects :: Emblematiq emblematiq.com
"Niceforms is a script that will replace the most commonly used form elements with custom designed ones." Oh dear.
- Auto-Save User's Input In Your Forms With HTML5 and Sisyphus.js - Smashing Coding coding.smashingmagazine.com
- Dropdown / Select Box Navigation with JavaScript lab.artlung.com
- How to style Google Forms | Morning Copy morningcopy.com.au
Lazy man's data capture.
- Customize Google Docs Forms googlesystem.blogspot.com
More bad, bad hacks.
- Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better harvesthq.github.com
A JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
- pydanny/django-uni-form - GitHub github.com
Django implentation of Uni-form.
- Firefox 4: HTML5 Forms ✩ Mozilla Hacks – the Web developer blog hacks.mozilla.org
Hurrah.
- Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus plupload.com
Allows you to upload files using HTML5 Gears, Silverlight, Flash, BrowserPlus or normal forms, providing some unique features such as upload progress, image resizing and chunked uploads.
- Log in or sign up? - Leah Culver's Blog blog.leahculver.com
Sometimes I put my log in information into the register fields.
Me too! I hate that not only do I feel stupid, I have to retype everything again.
"[Imaginary Landscape] performed a comparison of an 11-field Contact Us form with a 4-field Contact Us form. They found contact form conversions increased 120% when the number of fields was reduced from 11 to 4 (a 64% decrease)." Not surprising but metrics are useful.
- Carsonified » The Definitive Guide to GET vs POST carsonified.com
There is a lot misuse of GET over POST and vice versa. Both HTTP methods can achieve the same goals, but an incorrect choice between them can lead to unexpected and potentially harmful outcomes.
- Easy Web Form Builder for Online Forms | FormSpring formspring.com
Customer information collected with a FormSpring web form moves automatically into your Highrise contact database.
- Web Usability - Accessible Forms using WCAG 2.0 usability.com.au
""Accessible Forms using WCAG 2.0" is the first of a series of documents to help web professionals use the Web Content Accessibility Guidelines Version 2.0 to develop accessible websites."
- Recreating the button | stopdesign stopdesign.com
The buttons we’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behavior. They’re also easily skinnable with a few lines of CSS
- The $300 Million Button uie.com
We were wrong about the first-time shoppers. They did mind registering. They resented having to register when they encountered the page. As one shopper told us, 'I'm not here to enter into a relationship. I just want to buy something.'