Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WEB FORM ELEMENTS
      SXSW 2009
(   )=
     /   (   )
FORM ELEMENTS

• Checkboxes          • Select:

• Input:                • Multiple   Items

  • File                • Sing...
CSS PROPERTIES

• background-color      • height
• background-image      • letter-spacing
• border                • line-h...
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  ...
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/19474245...
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Web Form Elements
Upcoming SlideShare
Loading in …5
×

11

Share

Download to read offline

Web Form Elements

Download to read offline

An up close examination of designing with CSS, HTML for Web forms

Web Form Elements

  1. WEB FORM ELEMENTS SXSW 2009
  2. ( )= / ( )
  3. FORM ELEMENTS • Checkboxes • Select: • Input: • Multiple Items • File • Single Item • Radio • Submit Button • Text • Textarea
  4. 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
  5. 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
  6. 3,520 screengrabs
  7. RADIO BUTTONS FF 2 FF 2 FF 3 Chrome 1
  8. RADIO BUTTONS FF 3 FF 3 Safari 3 Safari 3 Safari 4b Safari 4b
  9. RADIO BUTTONS Chrome 1 Safari 4b Safari 4b Opera 9 Opera 9
  10. RADIO BUTTONS IE 6 IE 7 IE 8b2 Opera 9 Opera 9
  11. RADIO BUTTONS Firefox 2 Firefox 2 IE 6 IE 7 IE 8b2 Opera 9 Opera 9
  12. WebFormElements.com
  13. THANK YOU! Christopher Schmitt schmitt@heatvision.com twitter: @teleject
  14. 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/
  • morewry

    Jun. 29, 2016
  • budibudifr

    Sep. 11, 2015
  • mike_l

    Jun. 19, 2009
  • bangb

    May. 22, 2009
  • Gaurav_M

    Mar. 31, 2009
  • manobi

    Mar. 23, 2009
  • boockit

    Mar. 23, 2009
  • jvetrau

    Mar. 23, 2009
  • BrunoMonteiro

    Mar. 22, 2009
  • vera_v

    Mar. 22, 2009
  • irene

    Mar. 18, 2009

An up close examination of designing with CSS, HTML for Web forms

Views

Total views

7,639

On Slideshare

0

From embeds

0

Number of embeds

439

Actions

Downloads

91

Shares

0

Comments

0

Likes

11

×