我如何有一个输入按钮和<a>标签？</a>

Question

I have this:

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

The problem is...when I click the submit button, it goes to the instead of onclick.

Answer 1

Try this:

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

Use Button type instead of Submit :)

If you still want to use Submit , just place return false after your code eg:

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

Answer 2

Returning false from you on click handler should prevent the default behaviour, eg:

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

Answer 3

您还可以使用CSS display: block或display: inline-block使<a>看起来像按钮