#forms (153 links)
- 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 · Archived on
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.
Via smitchio.
"[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.
Customer information collected with a FormSpring web form moves automatically into your Highrise contact database.
""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
- Top 10 jQuery plugins for Form Usability « Steve Reynolds reynoldsftw.com
Via alastc.
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.'
A collaborative tool that enables you to create online surveys with simplicity and elegance.
Nice.
- Designers Toolbox: OS Form Elements designerstoolbox.com
- A List Apart: Articles: Sign Up Forms Must Die alistapart.com
I believe we can get people engaged with digital services in a way that tells them how such services work and why they should care enough to use them. I also believe we can do this without explicitly making them fill out a sign-up form as a first step.
Ends with some excellent form design tips.
My personal experience registering for 87 accounts with the top online retailers and offer some tips for registration form design.
- Advancing Advanced Search - Boxes and Arrows: The design behind the design boxesandarrows.com
Advanced search functionality has not significantly developed in years. Poor matches and overwhelming search results remain a problem for users. Perhaps the standard search pattern deserves a new look.
Eight additional mistakes we've seen as we watch users try to create accounts and sign into the site.
- outbreak » Messing up the interface (written on December 13th, 2007 by Marko Mrdjenovic) friedcellcollective.net
"Let’s say you’re designing an interface for a contact form. There are a lot of people involved in the problem and they all have their own issues they want resolved." Contrived but useful example of how forms can get compllicated.
- SAKUZAKU » Blog Archive » I’ve Reached My Limit: Approaches to Character Limit Cutoffs blog.wearesakuzaku.com · Archived on
"In real life, it’s important (and polite) not to obtrusively interrupt someone when they’re in the middle of something, and, of course, this carries over to website usability as well. So, how should we enforce form field character limits [...] ?
There are a number of factors that contribute to the accessibility and usability of forms, including layout, labeling and grouping.
"Internet Explorer [...] has a bug where clicking on an image inside a label tag does nothing [...] What I've done is put together a quick bit of unobtrusive JavaScript to "fix" the problem." Nasty, but if you have images as labels...
- Undo Form Reset for kids who can’t reset good - Article - andrewingram andrewingram.net · Archived on
Occasionally we all accidentally hit the reset button on a web form and lose all of what we just spent time typing out. I’ve written a little bit of javascript that makes it possible to recover from these disasters.
Variations in the alignment of input fields, their respective labels, calls to action, and their surrounding visual elements can support or impair different aspects of user behavior.
File inputs are the bane of beautiful form design. [...] This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.
Because secondary actions can have negative consequences, especially when used unintentionally, I’ve often argued they should be absent from forms.[...]That said there are situations where secondary actions make sense.
- fValidator - An open source (free) unobtrusive javascript tool for easy handling form validation zend.lojcomm.com.br
"An open source (free) unobtrusive javascript tool for easy handling form validation." Looks ok, but shame it's Mootools and not jQuery (making it useless for us).
It's a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show.