24 ways: Have a Field Day with HTML5 Forms
january 2012 by fjordaan
We are also going to use some of HTML5’s new input types and attributes to create more meaningful fields and use less unnecessary classes and ids:
email, for the email field
tel, for the telephone field
number, for the credit card number and security code
required, for required fields
placeholder, for the hints within some of the fields
autofocus, to put focus on the first input field when the page loads
css3
form
forms
html5
email
tel
iphone
24ways
email, for the email field
tel, for the telephone field
number, for the credit card number and security code
required, for required fields
placeholder, for the hints within some of the fields
autofocus, to put focus on the first input field when the page loads
january 2012 by fjordaan
Accessible Form Labeling & Instructions | Karl Groves
october 2011 by fjordaan
Use aria-describedby For Instructions
accessibility
aria
instructions
help
validation
messages
karl
groves
form
labeling
october 2011 by fjordaan
Your contact form sucks
july 2011 by fjordaan
So here’s the ridiculously simple solution I advocate: Put the message field first.
contact
form
july 2011 by fjordaan
The Man in Blue > Accessible, stylish form layout
august 2008 by fjordaan
Yes, HTML forms are the worst things known to web designers. Yes, HTML forms have to be accessible and usable. No, HTML forms do not have to be an eyesore.
netvouzimported
netvouzpublic
accessible
form
html
templates
themaninblue
august 2008 by fjordaan
Honeypot Captcha
february 2008 by fjordaan
I was thinking about alternative ways to block comment spam the other day and it occurred to me that there’s potentially a simpler solution than the Invisible Captcha approach I wrote about.
netvouzimported
netvouzpublic
captcha
comment
field
form
honeypot
invisible
spam
february 2008 by fjordaan
ECML v1.1: Field Specifications for E-Commerce
july 2003 by fjordaan
Apprarently it helps form autocompletion: http://toolbar.google.com/autofill_help-beta.html
netvouzimported
netvouzpublic
ecml
ecom
field
form
ietf
labels
standard
july 2003 by fjordaan
related tags
24ways ⊕ 456bereastreet ⊕ aa ⊕ abbreviations ⊕ accessibility ⊕ accessible ⊕ accessify ⊕ acronym ⊕ ad ⊕ advanced ⊕ ajax ⊕ album ⊕ api ⊕ application ⊕ architecture ⊕ aria ⊕ assembly ⊕ badge ⊕ bahn ⊕ best ⊕ blinky ⊕ bom ⊕ booking ⊕ broadmoor ⊕ browse ⊕ builder ⊕ button ⊕ buttons ⊕ captcha ⊕ colour ⊕ comment ⊕ community ⊕ contact ⊕ controls ⊕ cover ⊕ creditcard ⊕ css ⊕ css3 ⊕ demo ⊕ demos ⊕ design ⊕ detection ⊕ deutsche ⊕ dhtml ⊕ disabling ⊕ dithered ⊕ download ⊕ dyn-web ⊕ dynamic ⊕ ecml ⊕ ecom ⊕ elements ⊕ email ⊕ errors ⊕ escapes ⊕ event ⊕ evite ⊕ expand ⊕ field ⊕ fields ⊕ fieldset ⊕ file ⊕ flash ⊕ flickr ⊕ fool ⊕ form ⊖ formmail ⊕ forms ⊕ free ⊕ freedback ⊕ frootsmag ⊕ game ⊕ generator ⊕ georgia ⊕ greenflag ⊕ greying ⊕ groves ⊕ gui ⊕ guru ⊕ healtheon ⊕ help ⊕ honeypot ⊕ hotel ⊕ html ⊕ html5 ⊕ ietf ⊕ iframe ⊕ ihotelier ⊕ illustration ⊕ impressive ⊕ indicator ⊕ information ⊕ inland ⊕ inlandrevenue ⊕ instructions ⊕ interactive ⊕ interface ⊕ invaders ⊕ invisible ⊕ invite ⊕ iphone ⊕ isa ⊕ javascript ⊕ jaws ⊕ kalsey ⊕ karl ⊕ kontakt ⊕ labeling ⊕ labels ⊕ layout ⊕ licensing ⊕ lukew ⊕ medical ⊕ megnut ⊕ messages ⊕ motley ⊕ motoring ⊕ netvouzimported ⊕ netvouzpublic ⊕ nidahas ⊕ noao ⊕ onescreen ⊕ oreillynet ⊕ out ⊕ overlay ⊕ payment ⊕ pdf ⊕ petrolprices ⊕ php ⊕ planner ⊕ policy ⊕ poll ⊕ pop-up ⊕ powergen ⊕ ppk ⊕ practice ⊕ preloader ⊕ privacy ⊕ processing ⊕ progress ⊕ protection ⊕ quirksmode ⊕ rail ⊕ raskin ⊕ register ⊕ registration ⊕ required ⊕ reservations ⊕ response-o-matic ⊕ revenue ⊕ ria ⊕ screen ⊕ scripts ⊕ search ⊕ secure ⊕ security ⊕ shim ⊕ simon ⊕ simplified ⊕ smarttech ⊕ snaptax ⊕ space ⊕ spam ⊕ standard ⊕ standards ⊕ statement ⊕ styling ⊕ tabindex ⊕ table ⊕ tables ⊕ tabs ⊕ tax ⊕ tel ⊕ template ⊕ templates ⊕ tfoot ⊕ themaninblue ⊕ tognazzini ⊕ tonevendor ⊕ tool ⊕ toolbar ⊕ tools ⊕ tooltips ⊕ train ⊕ travel ⊕ tv ⊕ typography ⊕ usability ⊕ validation ⊕ web ⊕ webapp ⊕ webmd ⊕ willison ⊕ wizards ⊕ xplane ⊕ zoom ⊕Copy this bookmark: