How to create an HTML button that acts like a link?

1.使用 form

<form method="get" action="/page2">
    <button type="submit">Continue</button>
</form>

2.JavaScript

<button onclick="window.location.href='/page2'">Continue</button>
<button onclick="location.href='http://www.example.com'" type="button"> www.example.com </button>

3.使用链接,样式设置成按钮

<a href="http://google.com" class="button">Continue</a>

css:

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

    text-decoration: none;
    color: initial;
}

4.链接+button

<a href="http://www.stackoverflow.com/">
    <button>Click me</button>
</a>
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐