html - 点击第二个用户名或密码输入框，光标跳转到第一个

Question

这 3 种形式允许以成员(member)、访客或新注册的身份访问。但是，如果有人单击表单的下部，它会自动将光标发送到顶部。

<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

Validate, validate, validate .

您有重复的 id 属性，因此第二个表单中的标签用于第一个表单中的输入。