如何防止移动浏览器，形成输入聚焦，跳转到不同的形式？

Question

当您专注于移动浏览器中的表单元素时，他们会提供上一个和下一个图标，以便于导航。但是出于某种原因，如果我点击那个特定形式的结尾旁边的那个＆＃39;输入，如果页面上有另一个表单，再次按下将使其跳转到第二个表单。

例如，我在页面正文中有一个登录表单，如下所示：

<form name="customer_login" id="customer_login" method="post" action="/login">
    Email: <input type="email" name="customer[email]" id="customer_email" />
    Passwird: <input type="password" name="customer[password]" id="customer_password" />
    <button type="submit">Log In</button>
</form>

然后在页面的下方，在页脚中，我有一个单独的表格用于我的简报：

<form name="newsletter" id="newsletter" method="post" action="/newsletter">
    Subscribe: <input type="email" name="email" />
    <button type="submit" name="submit" title="Sign Up">Go</button>
</form>

但是一旦我专注于登录表单中的密码字段，我的下一个按钮应该被禁用或者至少不会跳转到完全不同的形式。这是移动浏览器和表单的正常行为吗？或者我错过了一个不区分这两种形式的表单属性？

Answer 1

尝试在输入字段中添加tabindex=1 ...看看是否有帮助。通过手机，你使用iPhone？如果是这样，那些＆lt;和＆gt;箭头本质上是键盘上的TAB按钮等。

tabindex=1值应按照您要“标签”等的顺序递增。