web form elements

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

THANK YOU!Christopher Schmitt

schmitt@heatvision.comtwitter: @teleject

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/