Когда вы фокусируетесь на элементе формы в мобильном браузере, они придумывают предыдущие и следующие значки для упрощения навигации. Однако по какой-то причине, если я нажимаю рядом с тем, что должно быть концом ввода этих конкретных форм, если на странице есть другая форма, нажатие следующей снова заставит ее перейти ко второй форме.
Например, у меня есть форма журнала на теле моей страницы:
<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>
Но как только я сосредоточусь на поле пароля в форме регистрации, следующая кнопка для меня должна быть отключена или, по крайней мере, не переходить в совершенно другую форму. Это обычное поведение для мобильных браузеров и форм? Или мне не хватает атрибута формы, который не отличает две формы?
Попробуйте добавить tabindex=1
в поля ввода... посмотрите, помогает ли это. По мобильной, вы используете iPhone? Если это так, эти стрелки <и> по существу являются клавишей TAB на клавиатуре и т.д.
tabindex=1
должно увеличиваться в том порядке, в котором вы хотите "tab" и т.д.