Html Tab键未在IE上将光标从一个字段移动到另一个字段

Html Tab键未在IE上将光标从一个字段移动到另一个字段,html,internet-explorer,Html,Internet Explorer,我创建了一个HTML5网络应用程序,包含在一个表中,每行包含一个,每行包含7个。然后,每个字段值由AJAX发送到PHP脚本 我有点迷糊了:为了在表单字段之间导航,我习惯于点击键选项卡,但在IE上,这不起作用。相反,焦点似乎会逐渐消失(可能会移到?),如果我再按一下Tab键,它会返回到同一个字段 我尝试使用jQuery在控制台选择器中使用$(':focus')检测聚焦元素,但没有机会,因为单击控制台会导致我找到主体DOM对象 该机制在其他浏览器上运行良好 谢谢你的帮助 Jérémie您是否忘记在输

我创建了一个HTML5网络应用程序,包含在一个表中,每行包含一个,每行包含7个。然后,每个字段值由AJAX发送到PHP脚本

我有点迷糊了:为了在表单字段之间导航,我习惯于点击键选项卡,但在IE上,这不起作用。相反,焦点似乎会逐渐消失(可能会移到?),如果我再按一下Tab键,它会返回到同一个字段

我尝试使用jQuery在控制台选择器中使用$(':focus')检测聚焦元素,但没有机会,因为单击控制台会导致我找到主体DOM对象

该机制在其他浏览器上运行良好

谢谢你的帮助


Jérémie

您是否忘记在输入字段中添加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>

  • 你的名字
  • 电子邮件
  • 电话
  • 复习
  • 取消 提交

您是否有可以共享的公共url,或者可以设置JSFIDLE?