При нажатии второго поля ввода имени пользователя или пароля курсор переходит к первому

Question

3 формы позволяют получить доступ как участник, гость или только что зарегистрированный пользователь.Однако, если кто-то нажимает на нижнюю часть формы, он автоматически отправляет курсор на верхнюю часть.

<form action="schlogin.php" method="post">
  <fieldset>
    <legend>Member's Login</legend>
    <label for="username">Username: 
        <input type="text" name="username" id="username" value=""/>
    </label>
    </br>
    <label for="password">Password: 
        <input type="password" name="password" id="password"/>
    </label>
    </br>
    <input type="submit" name="login" class="loginButtons" value="login"/>
    </label>
    </br>
  </fieldset>
</form>

<form action="schlogin.php" method="POST">
  <fieldset>
    <legend>Guest Player</legend>
    <input type="submit" name="guest" class="loginButtons" value="Play as GUEST!" />
    </label>
    </br>
  </fieldset>
</form>

<form action="schlogin.php" method="POST">
  <fieldset>
    <legend>FAST Register</legend>
    <label for="username">Username: 
        <input type="text" name="username" id="username" value =""/>
    </label>
    </br>
    <label for="password">Password: 
        <input type="password" name="password" id="password"/>
    </label>
    </br>
    <label for="email">E-mail:
        <input type="text" name="email" value=""/>
    </label>
    </br>
    <input type="submit" name="register" class="loginButtons" value="I WANT TO PLAY TOO!"/>
    </label>
    </br> 

    I've forgotten my password:
    <input type="submit" name="forgotten" class="loginButtons" value="Send me a new password!"/>
    </label>
    </br>
  </fieldset>
</form>

Answer 1

Проверить, подтвердить, подтвердить .

У вас есть дубликаты атрибутов id, поэтому метки во второй форме являются for входными данными в первой форме.

Answer 2

В вашей второй форме изменить

<label for="username">Username: 
<input type="text" name="username" id="username" value ="<?php if (isset($username)){echo $username; }?>"/></label></br>

до:

<label for="register_username">Username: 
<input type="text" name="username" id="register_username" value ="<?php if (isset($username)){echo $username; }?>"/></label></br>

или что угодно.

Дело в том, что идентификатор каждого HTML-элемента всегда должен быть уникальным. И атрибут метки элемента должен соответствовать атрибуту идентификатора связанного с ним элемента ввода.