1ページに2つのHTMLフォーム。 2番目のフォームフィールドのみをタブで選択できます

Question

2つのフォームを持つページがあります。 1つのフォームの入力ボックス内をクリックするだけです。他のフォームでは、タブを使用する場合に限り、入力ボックスを選択できます。とにかくこれを修正できるのですか？サイトは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

Validate, validate, validateです。

2番目のフォームのラベルは、最初のフォームの入力がforです。ラベルをクリック

は、（入力はラベルの内側にあるので、あなたはあまりにもラベルをクリックせずに入力をクリックすることができないので）それは

関連付けられている入力にフォーカスを送信します。