Как у меня есть кнопка ввода и тег <a>?

Question

У меня есть это:

<a>
Stuff stuff stuff
<input type="Submit" onclick="....">
</a>

Проблема в том, что ... когда я нажимаю кнопку отправки, она переходит на вместо щелчка.

Answer 1

Попробуйте это:

<input type="Button" onclick="....">

Используйте Button тип вместо Submit:)

Если вы все еще хотите использовать Submit, просто поставьте return false после своего кода, например:

<input type="Submit" onclick="doStuff(); return false;">

Answer 2

Возврат ложного от вас на обработчик кликов должен предотвратить поведение по умолчанию, например ::

<a href="index.html">
  Stuff stuff stuff
  <input type="Submit" onclick="alert('test'); return false;">
</a>

Answer 3

вы также можете сделать <a> похожим на кнопку, используя CSS display: block или display: inline-block