如何创建像链接一样的HTML按钮？因此，单击该按钮可将用户重定向到页面。
我希望它是可访问的，并且在URL中使用最少的额外字符或参数。
当前回答
我知道已经提交了很多答案，但似乎没有一个能真正解决问题。以下是我对解决方案的看法：
使用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>
其他回答
实现这一点的唯一方法（除了BalusC巧妙的表单想法！）是向按钮添加JavaScript onclick事件，这对可访问性不利。
您是否考虑过将普通链接设置为按钮样式？你不能用这种方式实现特定于操作系统的按钮，但这仍然是最好的IMO方式。
只需将按钮放在参考标签内。，
<a href="https://www.google.com/"><button>Next</button></a>
这似乎非常适合我，并且没有添加任何%20标签到链接中，只是你想要的。我使用了一个到谷歌的链接来演示。
当然，您可以将其包装在表单标记中，但这不是必需的。
当链接另一个本地文件时，只需将其放在同一文件夹中并添加文件名作为引用即可。如果不在同一文件夹中，请指定文件的位置。
<a href="myOtherFile"><button>Next</button></a>
这也不会在URL的结尾添加任何字符，但在以文件名结尾之前，它确实将文件项目路径作为URL。例如
如果我的项目结构是。。。
..表示文件夹\
表示文件而四|表示父文件夹中的子目录或文件
平民的|||| ..html格式|||||||-main.html|||||||-ssecondary.html
如果我打开main.html文件，
http://localhost:0000/public/html/main.html?_ijt=i7ms4v9oa7blahblahblah
然而，当我单击main.html中的按钮以更改为secondary.html时，URL将是，
http://localhost:0000/public/html/secondary.html
URL末尾不包含特殊字符。
顺便说一句-（%20表示URL中的一个空格，它编码并插入到它们的位置。）
注意：localhost:0000显然不是0000。您将有自己的端口号。
此外_ijt=xxxxxxxxxxxxxx在main.html URL的末尾，x由您自己的连接决定，因此显然它不等于我的连接。
我似乎在陈述一些非常基本的观点，但我只想尽可能地解释清楚。
如果您想创建一个充当链接的按钮，有多种方法可以实现。选择最适合您情况的。下面的代码在按钮内创建一个链接。
<按钮><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>
有很多方法可以做到这一点，但这只是按钮的三个小例子，它们起到了链接的作用。换句话说，打开链接的按钮。
在<button></button>上使用<a></a>属性回答的人很有帮助。
但最近，我在<form></form>中使用链接时遇到了一个问题。
该按钮现在被视为提交按钮（HTML5）。我已经尝试了一种方法，并找到了这种方法。
创建一个CSS样式按钮，如下所示：
.btn-style {
border: solid 1px #0088cc;
border-radius: 6px;
moz-border-radius: 6px;
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1.0);
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1.0);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 1.0);
font-size: 18px;
color: #696869;
padding: 1px 17px;
background: #eeeeee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(49%, #eeeeee), color-stop(72%, #cccccc), color-stop(100%, #eeeeee));
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
background: linear-gradient(top, #eeeeee 0%, #eeeeee 49%, #cccccc 72%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
}
或者在这里创建一个新的：CSS按钮生成器
然后用一个以您所创建的CSS样式命名的类标记创建链接：
<a href='link.php' class='btn-style'>Link</a>
这是一把小提琴：
JSFiddle公司
<form>
<input type="button" value="Home Page" onclick="window.location.href='http://www.wherever.com'">
</form>
