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

这样地：

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

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

EDIT

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

如果要创建用于URL的按钮，请为锚点创建按钮类。

a.button {
    background-color: #999999;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button:hover {
    text-decoration: none;
}

HTML

简单的HTML方式是将其放在一个＜form＞中，其中在action属性中指定所需的目标URL。

<form action="https://google.com">
    <input type="submit" value="Go to Google" />
</form>

如果需要，设置CSS显示：inline；以使其与周围文本保持一致。您也可以使用<button type=“submit”>来代替上面示例中的<input type=“提交”>。唯一的区别是＜button＞元素允许子级。

您可以直观地期望能够使用<button href=“https://google.com“>类似于＜a＞元素，但不幸的是，根据HTML规范，该属性不存在。

CSS

如果允许使用CSS，只需使用一个＜a＞，您可以使用外观属性（这在Internet Explorer中仅不受支持）将其设置为类似按钮。

<a href="https://google.com" class="button">Go to Google</a>

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

或者从众多CSS库中选择一个，比如Bootstrap。

<a href="https://google.com" class="btn btn-primary">Go to Google</a>

JavaScript

如果允许JavaScript，请设置window.location.href。

<input type="button" onclick="location.href='https://google.com';" value="Go to Google" />

您也可以使用＜button＞来代替上面示例中的＜input type＝“button”＞。唯一的区别是＜button＞元素允许子级。

从HTML5开始，按钮支持formaction属性。最重要的是，不需要JavaScript或诡计。

<表单><button formaction=“http://stackoverflow.com“>转到堆栈溢出！</button></form>

注意事项

必须由<form>标记包围。＜button＞类型必须是“submit”（或未指定）-我无法使用“button”类型。这引出了以下问题。重写表单中的默认操作。换句话说，如果在另一个表单中执行此操作，将导致冲突。

参考：formaction

浏览器支持：＜button＞：button元素

<form>
    <input type="button" value="Home Page" onclick="window.location.href='http://www.wherever.com'"> 
</form>

只需将按钮放在参考标签内。，

<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由您自己的连接决定，因此显然它不等于我的连接。

我似乎在陈述一些非常基本的观点，但我只想尽可能地解释清楚。