Добавление изображения к кнопке «РЕГИСТРАЦИЯ» портит ее регистрационную ссылку.Почему и как мне это исправить?(HTML и Java)

Question

Я хотел изменить кнопки входа и регистрации на два разных изображения, не путая функции входа и регистрации.

Вот скрипт:

<form method="POST" action="/?page=login&cmd=passme">
<p>
    <b>Email:</b><br>
    <input NAME="useremail" size="20" style="width:100px;">
</p>
<p>
    <b>Password:</b><br>
    <input TYPE="password" NAME="password" size="20" style="width:100px;">
</p> 
<p>
    <input type="submit" value="Login" name="B1" style="width: 60px; height: 22px";>
    <input type="button" value="Register now" name="B2" style='height: 22px' onclick="location.href='/?page=login&cmd=register'">
</p>

Спасибо. Я пытаюсь добавить тип ввода = изображение, но он портит обе функции: вход в систему и функцию регистрации. Я нажимаю на эти кнопки, и он направляет меня к неудачному входу в систему вместо страницы регистрации. Большое спасибо.

Answer 1

Вам нужно сделать ваши кнопки типа изображения. Они также представляют формы. Добавьте return false для вашего события onclick, чтобы прекратить отправку формы (именно поэтому она входит в систему вместо регистрации).

<form method="POST" action="/?page=login&cmd=passme">
    <p>
        <b>Email:</b><br>
        <input NAME="useremail" size="20" style="width:100px;">
    </p>
    <p>
        <b>Password:</b><br>
        <input TYPE="password" NAME="password" size="20" style="width:100px;">
    </p> 
    <p>
        <input type="image" src="http://www.codetoad.com/images/submit_button.gif" value="Login" name="B1" style="width: 60px; height: 22px";>
        <input type="image" src="http://libn.com/wp-files/graphics/register-button_0.jpg" value="Register now" name="B2" style='height: 22px' onclick="location.href='/?page=login&cmd=register'; return false">
    </p>
</form>