Thursday, November 11, 2010
Tuesday, November 9, 2010
HTML5 input types
It is a rare day at work when I don’t do anything related to forms. Be it creating forms from scratch, modifying existing forms, handling user interaction with them, whatever. I work with forms a lot. So that’s why one of the things in HTML5 I’m looking forward to the most is the overhaul of the elements and attributes used to create forms.
Among other form-related things, HTML5 adds a whole bunch of new values for the input element’s type attribute:
An interesting note is that on the iPhone/iPod Touch, the main difference between input types like text, number, url, tel, and email is how the on-screen keyboard changes to display the characters you are most likely to enter.
Among other form-related things, HTML5 adds a whole bunch of new values for the input element’s type attribute:
- search
- tel
- url
- datetime
- date
- month
- week
- time
- datetime-local
- number
- range
- color
That’s a lot of useful form controls you can create. Browser support isn’t all the way there yet of course, but some browsers do something useful with several of these input types.
To round this off, here are a few screenshots of the new input controls in browsers that support them.
<input type="tel"> in Safari on iPhone/iPod Touch:
<input type="url"> in Safari on iPhone/iPod Touch:
An interesting note is that on the iPhone/iPod Touch, the main difference between input types like text, number, url, tel, and email is how the on-screen keyboard changes to display the characters you are most likely to enter.
I’m very much looking forward to the day when all major browsers have full and consistent support for HTML5 input types. Unfortunately that isn’t likely to happen for many years, so until then I guess we’re stuck with the hackish JavaScript workarounds we use today for things like sliders and datepickers.
55 Beautiful Web Interface From deviantArt
In this post featuring several very talented web designers from DeviantArt. All of these inspiring website examples are fresh and new, for previous September month so you can see current web design interface ( layouts ) trends. I must be honest I really love all of these sites, I like current trending and research made me want to get my hands professional with some new design too. Carefully watch every detail – some designs are very simple, but white space is used very efficiently, creating outcome to look really professional.
In this post featuring several very talented web designers from DeviantArt. All of these inspiring website examples are fresh and new, for previous October month so you can see current web design interface ( layouts ) trends. I must be honest I really love all of these sites, I like current trending and research made me want to get my hands professional with some new design too. Carefully watch every detail – some designs are very simple, but white space is used very efficiently, creating outcome to look really professional. I enjoyed every pixel in these designs article and talented works will make you inspired too!
By carl913
By jonaska
By mOsk
By miko434
By hinok
By ejsing
By ormanclark
By ormanclark
By floydworx
By osec
By alivepixel
By samborek
By sogaso
By ebugz
By lluck
By AndasoloARTS
By RudzkiDesign
By versesdesign
By magnolien
By PapciuZiom
By kodcor3y
By podmatrix
By Revoken
By Revoken
By zee7
By layaweek
By Lukezz
By F-l-a-g
By sone-pl
By PapciuZiom
By ormanclark
By C4br4×1z
By DouglasEltz
By vladis123
By DoubbleD
By J0in
By saevire
By MonstrPix
By rp-designs
By Moddog
By Jammyy
By MateToth
By klosinski
By Re-Name
By F-l-a-g
By cidix890
By ormanclark
By elemis
By indestudio
By Doli7
Subscribe to:
Posts (Atom)