Tab鍵不移動我的光標從字段到字段IE瀏覽器

Question

我創建了一個HTML5 Web應用程序，包含一個表格，每行包含7個表格。每個字段值然後通過AJAX發送到PHP腳本。

我有點鬱悶這個：爲了在表單域之間導航，我用來點擊關鍵標籤，但是在IE上，這是行不通的。相反，焦點似乎會逐漸消失（可能轉向？），如果再次按下Tab鍵，它將返回到相同的字段。

我試圖使用jQuery的$（「：聚焦」）來檢測聚焦元素在控制檯中選擇，但沒有機會，因爲點擊控制檯上使我身體DOM對象...

該機制在其他瀏覽器上運行良好。

感謝您的幫助，

熱雷米

Answer 1

你忘了在tabIndex添加到您的輸入字段？

  <form action="/Home/Review" name="reviewForm" method="post"> 
      <ul class="vertical-list form-inputs"> 
       <li> 
        <label class="input-label" for="ReviewerName">Your Name</label> 
        <input placeholder="Your Name" id="ReviewerName" tabindex="1" name="ReviewerName" 
          autocomplete="off" autocorrect="off" required autofocus /> 
       </li> 
       <li> 
        <label class="input-label" for="ReviewerEMail">E-Mail</label> 
        <input type="email" placeholder="Your E-Mail" id="ReviewerEMail" tabindex="2" 
          name="ReviewerEMail" required 
          autocomplete="off" autocorrect="off" title="Please Enter Your E-Mail" /> 
       </li> 
       <li> 
        <label class="input-label" for="ReviewerPhone">Phone</label> 
        <input type="tel" placeholder="Phone Number" id="ReviewerPhone" tabindex="3" 
          pattern="\(\d\d\d\) ?\d\d\d-\d\d\d\d" title="(###) ###-####" 
          required name="ReviewerPhone"/> 
       </li> 
       <li> 
        <label class="input-label" for="ReviewText">Review</label> 
        <textarea placeholder="Enter Your Review" tabindex="4" id="ReviewText" 
           autocorrect="on" required name="ReviewText"></textarea> 
       </li> 
       <li> 
        <div id="reviewCancel" class="btn review-cancel" tabindex="6">Cancel</div> 
        <button type="submit" id="reviewSubmit" class="btn review-submit" tabindex="5">Submit</button> 
       </li> 
      </ul> 
     </form>