html Отправить кнопку ссылку на следующую страницу

Question

 <a href="main.jsp" <input type="submit" class="fadeIn fourth" id="submit"  value="Log In">> </a>

Это код, который у меня есть для моего html. Я хочу сделать эту кнопку отправки ссылки на мою главную страницу. Когда я это делаю, я нажимаю кнопку «>», и она переходит на следующую страницу. Я просто хочу, чтобы она выглядела как оригинальная кнопка отправки вместо '>'

Answer 1

К вашему сведению --- если ваша кнопка отправки просто ссылается на страницу, никакая информация, которую вы пытаетесь отправить, на самом деле go никуда не денется. Если вы хотите, чтобы кнопка отправки действительно отправляла что-то, вам понадобится немного Javascript.

Answer 2

Соглашаясь с @pierre, просто используйте тег a

 <a href="main.jsp" <input type="submit" class="fadeIn fourth" id="submit"  value="Log In">> </a>

Становится

 <a href="main.jsp" class="fadeIn fourth">Log In</a>

Затем просто добавьте все стили, которые вы хотите использовать для ввода в тег a , Также у вас есть двойной > после тега ввода, который не имеет закрытия. Так может ли это быть тем, что вы хотите?

 <a href="main.jsp"><input type="submit" class="fadeIn fourth" id="submit"  value="Log In" /></a>

Редактирование

<input type="submit" class="fadeIn fourth" id="submit" onclick="link_data" value="Log In" />
<script>
function link_data() {
    // Send data
    window.location.href = "main.jsp"; // This will change the page location to main.jsp
}
</script>

Если вы хотите, чтобы это выглядело как кнопка без ввода, пожалуйста, посмотрите на Здесь или создайте самостоятельно, используя CSS