它实际上非常简单，不使用任何表单元素。您可以只使用＜a＞标签，里面有一个按钮：）。

这样地：

<a href="http://www.google.com" target="_parent"><button>Click me !</button></a>

它会将href加载到同一页面中。想要新页面吗？只需使用target=“_blank”。

EDIT

几年后，虽然我的解决方案仍然有效，但请记住，您可以使用大量CSS来使它看起来像您想要的那样。这只是一条捷径。

使用＜a＞标记创建一个按钮并添加适当的CSS内容：

.邻接{背景：#bada55；填充：5px；边界半径：5px；过渡：1s；文本装饰：无；颜色：黑色；}.attatton：悬停｛background:#2a2；｝<a href=“https://example.com“class=”abutton“>继续</a>

您可以简单地在元素周围放置标记：

<a href="http://google.com" target="_blank">
    <button>My Button</button>
</a>

https://jsfiddle.net/hj6gob8b/

创建一个充当链接的按钮是HTML设计者需要考虑的一项要求。最被接受的答案是使用表单中的按钮，不幸的是，有时只会在当前窗口中加载新链接-如果这是在电子邮件中，情况会很糟糕。

其他人提出JS、Bootstraps、CSS Styles等可能不可用或不允许。假设一个用例像电子邮件中的一个链接来确认它，并且你没有一个设计完整的基于html的电子邮件模板。您可以简单地使用链接，但添加一些内联样式，如下所示：

$htmlLink = 'https://stackoverflow.com/questions/2906582/';
"<a target='_blank' href='". $htmlLink ."' style='color: purple; font-size: 24px; font-weight: bold; border:2px purple solid; text-decoration: none;'>View This Answer</a>"

引号已经设置好，如果要在电子邮件标记中作为一行，可以在两端用点（.）连接。这只会使文本变大，周围有边框；不是很好，但保证不会像前面所说的那样加载页面。在解析文本和变量时假设Php。

Bootstrap方法也适用于Bulma。

<link rel=“stylesheet”href=“https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css“><a href=“https://www.stackoverflow.com“class=”button is primary“>堆栈溢出</a>

如果您在基本HTML锚标记中查找的是按钮的视觉外观，那么您可以使用Twitter Bootstrap框架将以下任何常见HTML类型的链接/按钮格式化为按钮。请注意框架版本2、3或4之间的视觉差异：

<a class="btn" href="">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

引导（v4）示例外观：

引导（v3）示例外观：

引导（v2）示例外观：