CODEWITHSUNDEEP
javascriptandroidhtml
SZMER
SZMER

Reputation: 193

Prevent android word prediction in html form

I made login form in jqModal box. Everything works well but if i open that form in android (4.0.3 samsung galaxy tab2) native browser and when i try put login into login field browser opens keyboard with word prediction. Effect is that i can put only first letter and space from predicted word.
My question is how to disable keyboard with world prediction and use standard browser keyboard.

...
<a href="#" class="gotologin" title="login">Login</a>
...
<div class="jqmWindowLogin jqmID2" id="login_modal" style="display: none;">
    <div class="jqmContent">
        <div id="log_reg">
            <form action="<some action here>" method="post" id="login_form">
                <label for="login">login/email:</label>
                <input type="text" name="input_field_login" id="login" class="text" />
                <label for="pswd">password:</label>
                <input type="password" name="input_field_pass" id="pswd" class="text"/>
                <input type="submit" value="go" id="Image1"/>
            </form>
        </div>
    </div>
</div>
...

$('#login_modal').jqmShow();
$.fn.jqmShow=function(t){return this.each(function(){t=t||window.event;$.jqm.open(this._jqm,t);});};
//jqModal version 1.4

I Find out that when change jqmOverlay position from fixed to absolute on simple site (wchich contains only link and login modal box) input methods works fine but still appear wrong on cms page.

Upvotes: 3

Views: 1134

Answers (1)

Elise Chant
Elise Chant

Reputation: 5196

Have you tried the attribute autocomplete=false on the input?

<input type="text" name="input_field_login" id="login" class="text" autocomplete="false" />

Upvotes: 1

Related Questions