0

当您专注于移动浏览器中的表单元素时,它们会提供上一个和下一个图标以便于导航。但是由于某种原因,如果我单击该特定表单输入的末尾应该是什么,如果页面上有另一个表单,再次按下一步将使其跳转到第二个表单。

例如,我的页面正文上有一个登录表单,如下所示:

<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>

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

4

1 回答 1

0

尝试添加tabindex=1到您的输入字段...看看是否有帮助。通过手机,您使用 iPhone 吗?如果是这样,那些 < 和 > 箭头本质上是键盘上的 TAB 按钮等。

tabindex=1值应该按照您想要“制表符”等的顺序递增。

于 2013-11-14T21:30:03.127 回答