Friday, September 20, 2019

forms - Date input on mobile devices



I am designing a web form optimised for touchscreen mobile browsers, one of those fields is a date of birth entry. On the web form it is currently split into 3 select boxes (one for day, month and year). My initial thought is this might not work so well on mobile as the input might be fiddly for users but using this approach means the data will be validated as opposed to a free input field.


Does anyone have any experience of implementing a date of birth or date field for mobile and if so, approach did you use? Do andriod / iPhones have some built in keyboard / function to handle this?



Answer



Android has a DatePicker class for apps that will pop up the below dialog when the user taps into a field that is defined as a date type.


A quick google search seems to indicate that iOS has a similar class.


These are used fairly prolifically, in my experience, so you shouldn't have any issues with adoption of this type of input method for a mobile web form.


MobiScroll is a web-based version of the same idea which runs pretty well on both of my Android Devices and they indicate it works on iOS as well.


Date Picker


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...