0

モバイル ブラウザーでフォーム要素に注目すると、前と次のアイコンが表示され、ナビゲーションが容易になります。ただし、何らかの理由で、その特定のフォームの入力の最後にあるはずの横をクリックすると、ページに別のフォームがある場合、[次へ] をもう一度押すと、2 番目のフォームにジャンプします。

たとえば、ページの本文に次のようなログインフォームがあります。

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

しかし、ログイン フォームのパスワード フィールドに注目すると、次のボタンが無効になるか、少なくともまったく別のフォームにジャンプしないようにする必要があります。これは、モバイル ブラウザーとフォームの通常の動作ですか? それとも、2 つのフォームを区別していないフォーム属性がありませんか?

4

1 に答える 1