And so, I set off to Google for some answers. There didn't seem to be anything that would make the input default to the iPhone's numeric keypad. I was expecting to see some cool CSS or META tags or even a Safari-proprietary tag attribute. Here is the HTML for their ZIP intake form: The first thing I did was switch my FireFox's User Agent to mimic the iPhone and checked out Fandango's iPhone site. This morning, I was determined to figure out how this was happening. And yep, sure enough, I was presented with the numeric keyboard again. I had to cancel out of the input and then click on the text box again, just to make sure that I wasn't imagining what I had just seen.
#ALPHA NUMERIC PHONE KEYPAD CODE#
When I went to enter my zip code location, I clicked on the input and was immediately presented with the iPhone's numeric keyboard!! I almost couldn't believe my eyes.
I thought all was lost and that I would have to suffer with the default Alpha keyboard but then, this weekend, I went to, which redirected me to - their iPhone optimized mobile site (which is extremely well done, by the way). I did find information on the -wap-input-format CSS property, which allows you to restrict formatting of text input fields, but these seemed to be ignored by the iPhone! When I first started building this iPhone fitness software, I looked for a way to default the iPhone's keyboard to the numeric one, but I couldn't find anything. This adds like 50% more clicking than is unnecessary and the keyboard input is quite misaligned with the goal of the user experience. As I have been using my Dig Deep Fitness iPhone fitness application over the last few months, I have noticed a few things that need to be improved one of the biggest points of friction is the fact that 98% of the text input in the application is numeric and yet, every time I click on an input field, I am presented with the iPhone's Alpha keyboard, which I then have switch over to the numeric keyboard.
0 kommentar(er)
