I am building a form for Mobile Web that requires users to enter in their DOB.
I'm interested in how it is presented across different mobile OSes and browsers as I understand support is patchy.
Is current browser support good enough to make using
<input type="date"> a good choice?
On iOS 5, it appears to bring up the native date selector (see screenshot here http://blog.teamtreehouse.com/using-html5-input-types-to-enhance-the-mobile-browsing-experience). It's a compound date picker with scrollers for Day (DD), Month Name (MMM) and Year (YYYY).
That looks pretty much ideal - the spinner-style for the year input is a quicker way to get back to your year of birth than with a traditional dropdown list on a desktop browser.
On Android 4.1.1, it presents a plain text box. Tapping it brings up a nice compound date picker popup with spinners for Day (DD), Month (MM) and Year (YY). With proper form labeling that is fine.
What about on other devices and mobile browsers?
Here's a quick test page: http://jsfiddle.net/Px6tA/embedded/result/
Let me know what you find!