Is there any setting using which the iPhone keyboard won't appear for a particular textbox in web page? May be some css kind of setting?
To hide it, slide your finger down from above the text-entry box and the keyboard will start to disappear.
Another keyboard feature you might not be aware of that can be changed is the functionality that lets you turn off what Apple calls "Character Preview." This is where the character "key" you type enlarges for a second as you type it, popping up on your screen. You can make those pop-ups go away.
Go to Settings > Accessibility > Keyboards, tap Full Keyboard Access, then turn on Full Keyboard Access.
you just make the input field as readonly="true"/ readonly mode so that keyboard wont appear!!
Do you want the text box to be editable for any other browser other than the iPhone? If not, have you attempted to disable the text box? I haven't tried this, nor can I recall seeing a disabled text box on a site with my iPhone; however, it may do it.
If disabling the text box works, but you still only want to restrict it to the iPhone, you'll need to look at the User Agent for the iPhone. You can determine this through server side code or through JavaScript's navigator.userAgent
.
To save a bit more time for you as well, the iPhone's user agent is as follows:
Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3B48b Safari/419.3
Keep in mind that readonly="true" isn't required.
<input type="text" readonly>
is enough.
If you want hide keyboard for iphone/ipad/ipod users you must identify this useragents. I recomend http://wurfl.sourceforge.net/ to find different versions of these devices and then printing readonly="true" disabled="disabled"
on inputs.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With