Looking For Ibooks Html Input Alternative

In IOS5 on the iPad, iPad2 etc. iBooks accepted as a way to prompt the keyboard to display when you clicked on an input field, to say, type in the answer

Solution 1:

I am also Facing the same issue on iOS6 for , the same is working perfectly on the <iframe> tag. But it omits the images & style and etc.

Review the code "http://www.linkedin.com/groups/How-Show-iPads-Keyboard-when-3877009.S.84287009", I feel some thing has to modify on below condition:

($(event.changedTouches[0].target).is("select") ||     $(event.changedTouches[0].target).is("input"))

I'd be great if anyone provide the earlier response.

Thanks

Solution 2:

I struggled with this same problem in iBooks on iOS 7. The tricky part was, that iBooks probably makes all text input fields disabled by default. We are using prototype.js, so here is my solution written for prototype:

$('my-input-field-id').observe('touchstart', function(event) {
    var element = event.element();
    if (element.disabled)
        element.disabled = false;
    element.focus();
    event.stop();
});

So just listen for the 'touchstart' event on the input field and enable and focus the field when touched. It works for ordinary text fields (<input type="text">). Simple :-).