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

【问题标题】：How do I have an input button and <a> tag?我如何有一个输入按钮和 <a> 标签？
【发布时间】：2010-02-19 18:15:56
【问题描述】：

我有这个：

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

问题是...当我单击提交按钮时，它转到而不是 onclick。

【问题讨论】：

【解决方案1】：

试试这个：

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

使用Button 类型而不是Submit :)

如果您仍想使用Submit，只需将return false 放在您的代码之后，例如：

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

【讨论】：

【解决方案2】：

在点击处理程序上向您返回 false 应该会阻止默认行为，例如：

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

【讨论】：

【解决方案3】：

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

【讨论】：