HTML-поле ввода

Question

У меня есть 2 текстовых поля, пользователь и пароль.Когда я ввожу пароль, он переходит к первому.Я понятия не имею, почему это происходит.Я не мог найти, почему это прыгает.Как я могу изменить это, чтобы форма пароля не прыгала?Вот код:

<?php

session_start();
require_once 'database.php';
if (isset($_SESSION['user'])){

echo "Welcome ".$_SESSION['user'];

?>

<form name="logout" method="post" action="logout.php">

<input type="submit" name="logout" id="logout" value="Logout">

</form>

<br /><form name="news" method="post" action="news.php">

 <input type="submit" name="news" id="news" value="News">

</form>

<?php

}

elseif(isset($_SESSION['admin'])){

echo"Welcome ".$_SESSION['admin'];

echo"<br><br>You are logged in as an Admin";

?>

<form name="logout" method="post" action="logout.php">

<input type="submit" name="logout" id="logout" value="Logout">

</form>



</form>

<?php

}else{

?>

<form name="login_form" method="post" action="login2.php">

 <label>

 <input name="user" type="text" id="user">ID<br />

 <input name="pass" type="password" id="pass">Password<br />

 </label>

 <input type="submit" name="login" id="login" action="index.php" value="Login">

 </label>

 </p>

</form>

<form name="Register" method="post" action="reg.php">

 <input type="submit" name="register" id="register" value="Register">

</form><br />

<form name="news" method="post" action="news.php">

 <input type="submit" name="news" id="news" value="News">

</form>

<?php

 }

 ?>

Answer 1

У вас есть оба входа, завернутые в одну метку. Браузер запутывается и думает, что весь контент - это метка для первого ввода (очевидно, так работают метки). Вы должны использовать <label> только для переноса текста для ввода.

Answer 2

Это:

    <label>

     <input name="user" type="text" id="user">ID<br />

     <input name="pass" type="password" id="pass">Password<br />

 </label>

Должно быть так:

<input name="user" type="text" id="user">
<label for="user">ID</label><br />
<input name="pass" type="password" id="pass">
<label for="pass">Password</label><br />