Upload
christopher-schmitt
View
6.094
Download
2
Tags:
Embed Size (px)
DESCRIPTION
An up close examination of designing with CSS, HTML for Web forms
Citation preview
WEB FORM ELEMENTSSXSW 2009
( )= ( )/
• Checkboxes
• Input:
• File
• Radio
• Text
• Select:
• Multiple Items
• Single Item
• Submit Button
• Textarea
FORM ELEMENTS
CSS PROPERTIES
• background-color• background-image• border• border-color• border-style• border-width• color• font-family• font-size• font-weight
• height• letter-spacing• line-height• margin• padding• text-align• text-decoration• text-indent• width• word-spacing
7.2 55.567
8b2
8.59
1.52.03.0
34b
1
7.2 9 1.52.03.0
234b
3,520screengrabs
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 BUTTONSChrome 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
CREATIVE COMMONS CITATIONShttp://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/