Question

我创建了一个HTML5 webapp，其中包含一个表，每个行包含7个s。然后，每个字段值由AJAX发送到PHP脚本。

我有点不满意：为了在表单字段之间导航，我习惯于点击键选项卡，但在IE上，这不起作用。相反，焦点似乎逐渐消失（可能会移动到？），如果我再次按Tab键，它将返回相同的字段。

我尝试使用控制台选择器中的$（'：focus'）来使用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>

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

1 个答案: