Tab鍵在我的輸入形式不工作在Mozilla中，但在谷歌Chrome中工作

我在我的表單中有3個輸入字段，我想要的是我希望用戶使用他的鍵盤上的Tab鍵按鈕，允許用戶跳轉到下一個輸入文字...Tab鍵在我的輸入形式不工作在Mozilla中，但在谷歌Chrome中工作

問題是在我的谷歌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>

感謝...

來源

2016-07-19 Mc Gyver Basaya

你需要讓TAB鍵集中在一個控件..

在你的按鍵事件

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>

來源

2016-07-19 04:22:19

哦，我明白了，我不能跳到下一個控制器，因爲只允許按數字鍵。 –

是@McGyverBasaya它的防止去下一個控制,, –

我試過你的想法，它的工作原理，但我的輸入欄只允許一個數字。在這種情況下，它允許我輸入一個字母，..我試圖改變條件||到&&但它似乎不起作用。 –

Tab鍵在我的輸入形式不工作在Mozilla中，但在谷歌Chrome中工作

回答

相關問題