Gareth Arch at 6:22 bad.Īnyway, after much tinkering, I discovered a few things about the iPhone OS and Safari. So, i'm not sure that the solution you mentioned will accomplish that, unless i'm ultra dense - which IS entirely possible after this many hours of not sleeping.
#Numeric keyboard full#
Well, to get the homescreen webapp going, a user has to manually add it to the homescreen by going to the site in safari mobile and pressing the + icon and then "Add to Home Screen", right?ġ) when a user visits (from their iPhone) they are redirected to based on user agent detection.Ģ) Now, since they are viewing it through mobile safari at this point, I want the landing page to have a little note above the + icon telling them that the site is better run as a home screen web app and they should click it and add it to their home screen.ģ) Now, it's just going to add to the home screen and launch it full screen as a web app from that icon.Ĥ) Now, the little note telling the user to click the + icon will still be there in the homescreen web app version too.that's what I want to get rid of. Imagine having to write something like Ben Forcing the developer to include "phone" or "zip" in numeric input fields is going to lead to very poorly named form fields. I really don't like how the iPhone is handling this. I believe that this extremely small change in the user interface is going to have an extremely HUGE impact on the user experience. And, sure enough, the input fields now default to the iPhone's numeric keyboard! Aside from the fact that this is a really ganky fix, I am extremely pumped to have gotten to the bottom of this.
#Numeric keyboard software#
Luckily, my fitness software doesn't actually use the input field names (but rather their placement within the form) so the programming logic did not need to be updated. So, I went into Dig Deep Fitness and added "_zip" to my weight and reps input field. However, after further Googling, it seems that this is the only available formatting option.
#Numeric keyboard zip#
I didn't immediatly try this on Dig Deep Fitness since it's a fitness application and has nothing to do with phone numbers or zip codes and this would feel very misaligned with the goal of my software. Apparently, if you include "phone" or "zip" in the input field name, then the iPhone will default to the numeric keyboard. After a while, I found some information about input naming on the iPhone. 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.
#Numeric keyboard 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)
