如何防止移動瀏覽器，形成輸入焦點，跳轉到不同的形式？

當您專注於移動瀏覽器中的表單元素時，他們會提供上一個和下一個圖標，以便於導航。然而，由於某種原因，如果我在該特定表單的輸入結尾處單擊旁邊，如果頁面上有另一個表單，再次按下將使其跳轉到第二個表單。如何防止移動瀏覽器，形成輸入焦點，跳轉到不同的形式？

比如我有一個日誌的形式在我的頁面的主體，像這樣：

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

但是，一旦我將注意力集中在登錄表單中的密碼字段上，我的下一個按鈕應該被禁用，或者至少不會跳轉到完全不同的表單。這是移動瀏覽器和表單的正常行爲嗎？或者我錯過了一個不區分這兩種形式的表單屬性？

來源

2013-11-14 Joe

嘗試添加tabindex=1到您的輸入字段...看看是否有幫助。通過手機，你使用iPhone？如果是這樣，那些<和>箭頭基本上是一個鍵盤上的Tab鍵，等

tabindex=1值應該在你想「標籤」的順序遞增等

來源

2013-11-14 21:30:03

從一種形式後，仍然跳到另一個使用tabindex，這似乎有點奇怪，這是默認行爲。當然，如果你在頁面上填寫一個表單，你只是想要保持專注於該表單？ – Joe

嗯......不知道。可能是Apple的錯誤 –

iOS上的Chrome瀏覽器也是如此，開始認爲這是故意的，感謝您的輸入！ – Joe

如何防止移動瀏覽器，形成輸入焦點，跳轉到不同的形式？

回答

相關問題