HTML 创建按钮实现跳转链接

小十 2021-01-27 70浏览 0评论

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>

热门文章推荐

2020年广告营销行业十大热门关键词:

2020年为什么还有人做SEO?

一个网站的刘海样式导航栏展示

最热门的IT技术职位,薪资都有多高?

免费SSL(HTTPS)证书申请的网站



老人与盆景互联网专题山东雕塑厂家dokuwiki中文版info盆景制作自学教程赚1000美元摇摆之路丨当前由abcde-x.com管理
以下为信息聚合,更多消息请访问我的博客→小十网上冲浪
发表评论