Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

autofocus with keyboard in an ipad html5 site

Tags:

html

ipad

I'm working on an html5 app that will be used on iPads in a kiosk mode. The first thing users must do is sign in, so when the homepage loads, I'd like the onscreen keyboard to popup with the focus in the first field.

I've tried all the variants I can think of, including

  • html5 <input autofocus> attribute
  • calling document.getElementById("nameFirst").focus() in window onload
  • same as the previous, but the onload calls a timer method to invoke the focus call later

Has anyone figured out how to make the keyboard automatically appear?

like image 470
deafgreatdane Avatar asked Sep 15 '10 01:09

deafgreatdane


1 Answers

Mobile Safari doesn't allow keyboard showing up without user touching text input element. I think it's by design.

http://www.quora.com/Mobile-Safari-iPhone-or-iPad-with-Javascript-how-can-I-launch-the-on-screen-keyboard

like image 69
Cat Chen Avatar answered Nov 09 '22 15:11

Cat Chen