#forms (153 links)
- Uni-Form dnevnikeklektika.com
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms."
This article shows some of the new functionality of the proposed form chapter of HTML5: Web Forms 2.
- Styling form controls with CSS, revisited | 456 Berea Street 456bereastreet.com
224 screenshots showing the effects of various CSS rules applied to form controls.
- A List Apart: Articles: Making Compact Forms More Accessible alistapart.com
Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space.
- Nidahas » Forms markup and CSS - Revisited nidahas.com
A flexible, semantically correct, and dare I say, accessible template to which such features could be readily applied.
- Digital Web Magazine - Push my <code>button</code> digital-web.com
Read the comments for this article - button is best avoided.
There was a large amount of interest in last month’s Web Application Form Design article, so I decided to provide some additional details.
- Label Placement in Forms :: UXmatters uxmatters.com
Evaluating label placement in forms with eyetracking.
- Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions smashingmagazine.com
Modern solutions a web-developer can use [when] designing his/her next css-based form.
Choose LEGEND text that is:Concise: between 1 and 6 words; Relevant: to every single form field in the FIELDSET; Seamless: in that the words chosen for the LEGEND should make sense when joined to each label phrase.
Accessible, pretty forms developed by Philip Howard
More comments on previous link
- Bruce Lawson’s personal site : Forms: inputting country names brucelawson.co.uk
The most accessible, user-friendly way to receive input that a user incontravertibly knows is to ask the user to type their response into a free-text field, rather than require them to select it.
- HTML: multiple select boxes or checkbox lists? krijnhoetmer.nl
Using <select multiple[="multiple"]> or a list with <input type="checkbox">s?
"I wanted a robust javascript validation library that was simple to implement and didn't require me do any extra work other than creating the form. My favourite idea for a method of doing this is to utilise the field elements' class attribute to indicate
- Using size to size inputs | Bite Size Standards bitesizestandards.com
Due to its seemingly presentational nature not many designers use it, opting to set the width using CSS instead. [However], 'size' is not presentational.
- Creative Latitude: Resources: Downloads creativelatitude.com
CreativePublic is your one-stop shop for quality forms, contracts, employee manuals, company policies and pricing for graphic designers. Download free samples.
- Juicy Studio: Form Help without Popups juicystudio.com
- The Man in Blue > Accessible, stylish form layout themaninblue.com
- Communicating error messages accessibly - Standards-schmandards standards-schmandards.com
Proposal for accessible error messages
- Mozilla Update :: Extensions -- More Info:SubmitToTab - All Releases addons.mozilla.org
Allows you to submit a form to a new tab or window.
- CSS-Only Forms That Don't Suck dev.jeffhowden.com
- phpFormGenerator phpformgen.sourceforge.net
"create reliable and efficient web forms in a snap. No programming of any sort is required. Just follow along the phpFormGenerator wizard and at the end, you will have a fully functional web form!" But my god, it'll need some cleaning up before use.
The goal of the MTA is to provide an automated, accessible, degradable method for both users and developers to manage lists in web applications.
- Web Standards Group - Ten Questions for Joe Clark webstandardsgroup.org
Small collection of tools for use with textareas (or input fields).
This is an experiment using Javascript and CSS to customize the appearance of radio buttons, WHILE remaining accessible.
- what comes to mind : Enhanced Form Widgets jacobrask.net
Sometimes you really need to change the appearance of those little annoying radiobuttons and checkboxes
- The Form Assembly formassembly.com
The Form Builder is a tool for creating standard compliant web forms. It integrates the wForms extension and relies on a set of technologies like XML, XMLHttpRequest, XSLT and DOM (a.k.a Ajax) to provide a seamless single-screen experience.
resizable textareas
- slayeroffice | code | custom checkbox slayeroffice.com
- The Man in Blue > Experiments > Form Layout themaninblue.com
This form pseudo-replicates the lining-up-to-margins form style that was first posited by Eric Meyer
- LukeW: Web Application Form Design lukew.com
Very, very useful. "Not all Web applications use forms consistently. 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."