如何创建像链接一样的HTML按钮？因此，单击该按钮可将用户重定向到页面。
我希望它是可访问的，并且在URL中使用最少的额外字符或参数。
当前回答
在<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公司
其他回答
在JavaScript中
setLocation(base: string) {
window.location.href = base;
}
HTML格式
<button onclick="setLocation('/<whatever>')>GO</button>"
对于Nicolas的回答，以下内容对我有用，因为该回答没有type=“button”，因此它开始表现为提交类型。。。因为我已经有一个提交类型。这对我不起作用。。。现在，您可以向按钮或＜a＞添加一个类以获得所需的布局：
<a href="http://www.google.com/">
<button type="button">Click here</button>
</a>
对于HTML 5和带有图像背景的样式按钮
<a id=“Navigate”href=“http://www.google.com"><输入type=“按钮”id=“导航按钮”style=“背景图像：url(http://cdn3.blogsdna.com/wp-content/uploads/2010/03/Windows-Phone-7-Series-Icons-Pack.png);背景重复：无重复；背景位置：-272px-112px；光标：指针；高度：40px；宽度：40px；边框半径：26px；边框样式：实心；边框颜色：#000；边框宽度：3px；“title=”导航“/></a>
在<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公司
HTML回答：如果您想创建一个HTML按钮，该按钮的作用类似于链接，请使用两个常用属性：<a>和/或action=“”：
<form action="stackoverflow.com"/>
<button type="submit" value="Submit Form"
或
“href”是<a>属性的一部分。它有助于直接链接：
<a href=“stackoverflow.com”>href</a>
