如何创建像链接一样的HTML按钮？因此，单击该按钮可将用户重定向到页面。
我希望它是可访问的，并且在URL中使用最少的额外字符或参数。
当前回答
如果您想创建一个充当链接的按钮，有多种方法可以实现。选择最适合您情况的。下面的代码在按钮内创建一个链接。
<按钮><a href=“www.google.com”>转到谷歌</a></按钮>
第二种方法是在单击按钮时打开一个新窗口
<button onclick=“open（'ww.google.com'）”>google</button>
或者添加事件侦听器
document.querySelector（“#btn”）.addEventListener（'click'，打开（'ww.google.com'））<button id=“btn”>转到Google</button>
有很多方法可以做到这一点，但这只是按钮的三个小例子，它们起到了链接的作用。换句话说，打开链接的按钮。
其他回答
Use:
<a href="http://www.stackoverflow.com/">
<button>Click me</button>
</a>
不幸的是，这种标记在HTML5中不再有效，既不能验证，也不能始终按预期工作。使用另一种方法。
您还可以将buttons类型属性设置为“button”（它使其不提交表单），然后将其嵌套在链接中（使其重定向用户）。
这样，如果需要，您可以在同一表单中有另一个按钮来提交表单。我还认为，在大多数情况下，这比将表单方法和动作设置为链接更可取（除非我猜是搜索表单…）
例子：
<form method=“POST”action=“/SomePath”><input type=“text”name=“somefield”/><a href=“www.target.com”><button type=“button”>转到目标</按钮></a><button type=“submit”>提交表单</button></form>
这样，第一个按钮重定向用户，而第二个按钮提交表单。
小心确保按钮不会触发任何动作，否则会导致冲突。同样，正如Arius所指出的，您应该意识到，出于上述原因，根据标准，严格来说，这并不是有效的HTML。不过，它在Firefox和Chrome中确实可以正常工作，但我还没有在Internet Explorer中测试过它。
<form>
<input type="button" value="Home Page" onclick="window.location.href='http://www.wherever.com'">
</form>
我知道已经提交了很多答案，但似乎没有一个能真正解决问题。以下是我对解决方案的看法：
使用OP开头的<form method=“get”>方法。这非常有效，但有时会附加一个？到URL。这个是主要问题。此解决方案在不启用JavaScript的情况下工作。回退将添加？到URL的结尾。如果启用了JavaScript，那么您可以使用jQuery/JavaScript来处理以下链接，这样吗？不会最终附加到URL。对于极少数未启用JavaScript的用户，它将无缝地回退到＜form＞方法。JavaScript代码使用事件委托，因此您可以在＜form＞或＜button＞存在之前附加一个事件监听器。我在这个例子中使用jQuery，因为它既快速又简单，但也可以用“香草”JavaScript实现。JavaScript代码防止发生默认操作，然后遵循<form>action属性中给出的链接。
JSBin示例（代码段不能跟随链接）
//使用“link”类侦听文档中某个元素的任何单击$（document）.on（'click'，'.link'，函数（e）{//阻止默认操作（例如提交表单）e.预防违约（）；//获取表单中指定的URLvar url=e.target.parentElement.action；window.location=url；});<!DOCTYPE html><html><head><script src=“https://code.jquery.com/jquery-1.11.1.min.js“></script><meta charset=“utf-8”><title>表单按钮作为链接</title></head><body><!-- 将“action”设置为按钮要转到的URL--><form method=“get”action=“http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link"><!-- 将类“link”添加到事件侦听器-->的按钮<button type=“submit”class=“link”role=“link”>链接</button></form></body></html>
还可以使用按钮：
例如，在ASP.NET Core语法中：
// Some other tags
<form method="post">
<input asp-for="YourModelPropertyOrYourMethodInputName"
value="@TheValue" type="hidden" />
<button type="submit" class="link-button" formaction="/TheDestinationController/TheDestinationActionMethod">
@(TextValue)
</button>
</form>
// Other tags...
<style>
.link-button {
background: none !important;
border: none;
padding: 0 !important;
color: #20a8d8;
cursor: pointer;
}
</style>
