タブキーはmozillaの入力フォームでは機能しませんが、google chromeで動作します

Question

フォームに3つの入力フィールドがあり、ユーザーが自分のキーボードからタブキーボタンを使用したいと思っています。次の入力テキストにジャンプします...

問題は私のGoogle ChromeブラウザではTABを使ってうまく動作しますが、MozillaブラウザではTABボタンを使用して別の入力テキストにジャンプすることはできません。

ここに私が行った私の形式です。 tabindexを追加しようとしていますが、mozillaでは動作しません。

<form class="form-style col-lg-2 col-md-2 col-sm-2 col-xs-12 text-center"> 
    <div class="form-group"> 
<input tabindex="1" type="text" class="form-control input-xxlarge" id="data1" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="2" placeholder="How would you rate yourself, on a scale of 1-12?"> 
    </div> 
    <div class="form-group"> 
     <input tabindex="2" type="text" class="form-control input-xxlarge" id="data2" onkeypress='return event.charCode >= 48 && event.charCode <= 57' maxlength="2" placeholder="What is your ideal goal, on a scale of 1-12?"> 
    </div> 
     <div class="form-group"> 

     <textarea tabindex="3" class="form-control input-xxlarge" id="comment" placeholder="Improvement ideas"></textarea> 
    <style type="text/css"> 
textarea { 
    resize: none; 

    min-height: 100px; 
    max-height: 200px; 
} 
</style> 
    </div> 
    <input tabindex="4" type="submit" class="btn btn-success btn-large" value="NEXT" disabled="disabled"> 
</form> 

おかげで...あなたはTABキーは次のコントロールに専念できるようにする必要があり

Answer 1

...あなたのキー入力イベント

onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.charCode=0' 

で

し、HTML形式は次のとおりです。

<form class="form-style col-lg-2 col-md-2 col-sm-2 col-xs-12 text-center"> 
    <div class="form-group"> 
<input tabindex="1" type="text" id="txt1" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.charCode=0' class="form-control input-xxlarge" id="data1" maxlength="2" placeholder="How would you rate yourself, on a scale of 1-12?"> 
    </div> 
    <div class="form-group"> 
     <input tabindex="2" type="text" class="form-control input-xxlarge" id="data2" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.charCode=0' maxlength="2" placeholder="What is your ideal goal, on a scale of 1-12?"> 
    </div> 
     <div class="form-group"> 

     <textarea tabindex="3" class="form-control input-xxlarge" id="comment" placeholder="Improvement ideas"></textarea> 
    <style type="text/css"> 
textarea { 
    resize: none; 

    min-height: 100px; 
    max-height: 200px; 
} 
</style> 
    </div> 
    <input tabindex="4" type="submit" class="btn btn-success btn-large" value="NEXT" disabled="disabled"> 
</form>