Две HTML-формы на одной странице; Можно выбрать только поля второй формы с вкладкой

Question

У меня есть страница с двумя формами.Я могу щелкнуть только внутри поля ввода одной формы.Для другой формы я могу выбрать поля ввода, но только если я использую вкладку.Можно ли как-нибудь это исправить?Сайт http://login.peakperformancecct.com/. Просто для справки, вот мой код:

<div class="login">
        <h1>Email Login</h1>
        <form name="emaillogin" id="loginform" action="http://www.nspirelab.com:2095/login" method="POST">
            <p>
                <label for="user">Email Address<br />
                <input class="input" id="user" name="user" type="text" value="" size="20" /></label>
            </p>
            <p>
                <label for="pass">Password<br />
                <input id="pass" name="pass" class="input" type="password" size="20" /></label>
            </p>
            <p class="submit">
                <input type="submit" class="button-primary" value="Log In" />
            </p>
        </form>
</div>
<div class="login">
    <h1>Site Login</h1>
    <form name="sitelogin" id="loginform" action="http://peakperformancecct.com/wp-login.php" method="post">                
        <p>
            <label for="user">Username<br />
            <input class="input" type="text" name="log" id="log" value="" size="20" /></label>
        </p>
        <p>
            <label for="pass">Password<br />
            <input class="input" type="password" name="pwd" id="pwd" size="20" /></label>
            </p>
        <p class="submit">  
            <input type="submit" name="submit" value="Log In" class="button-primary" />
        </p>
    </form> 
</div>

Answer 1

Проверка, подтверждение, проверка .

Ваши ярлыки во второй форме - for входные данные в первой форме.

Щелчок по метке отправляет фокус на вход, с которым он связан

(Поскольку входы находятся внутри меток, поэтому вы не можете щелкнуть по входу, не щелкнув по меткетоже).