Web Form Elements

WEB FORM ELEMENTS SXSW 2009

( )= / ( )

FORM ELEMENTS • Checkboxes • Select: • Input: • Multiple Items • File • Single Item • Radio • Submit Button • Text • Textarea

CSS PROPERTIES • background-color • height • background-image • letter-spacing • border • line-height • border-color • margin • border-style • padding • border-width • text-align • color • text-decoration • font-family • text-indent • font-size • width • font-weight • word-spacing

7.2 5 8.5 1.5 3 1 5.5 9 2.0 4b 6 3.0 7 8b2 7.2 9 1.5 2 2.0 3 3.0 4b

3,520 screengrabs

RADIO BUTTONS FF 2 FF 2 FF 3 Chrome 1

RADIO BUTTONS FF 3 FF 3 Safari 3 Safari 3 Safari 4b Safari 4b

RADIO BUTTONS Chrome 1 Safari 4b Safari 4b Opera 9 Opera 9

RADIO BUTTONS IE 6 IE 7 IE 8b2 Opera 9 Opera 9

RADIO BUTTONS Firefox 2 Firefox 2 IE 6 IE 7 IE 8b2 Opera 9 Opera 9

WebFormElements.com

THANK YOU! Christopher Schmitt schmitt@heatvision.com twitter: @teleject

CREATIVE COMMONS CITATIONS http://www.flickr.com/photos/lanuiop/2234239588/ http://www.flickr.com/photos/gaetanlee/1947424580/ http://www.flickr.com/photos/evapro/312900784/ http://www.flickr.com/photos/kekka/799060449/

http://christopherschmitt.com	226
http://www.christopherschmitt.com	111
http://jeffreybarke.net	48
http://www.slideshare.net	10
http://onwebdev.blogspot.com	4
http://onwebdev.blogspot.co.uk	1
http://duckduckgo.com	1
http://onwebdev.blogspot.fr	1
http://translate.googleusercontent.com	1
http://www.linkedin.com	1

Web Form Elements

by Christopher Schmitt

Accessibility

Categories

Upload Details

Usage Rights

10 Embeds 404

Statistics

Web Form Elements Presentation Transcript