Question

我有一个像这样的按钮：

<button>Click Me</button>

我想将该按钮与href链接。是否符合HTML以将按钮包装在标签中或将标签放在按钮内以使其可链接？

由于

Answer 1

您可能只想使用链接本身并将其设置为按钮样式。您仍然可以添加onclick，但它可以很容易地链接到新页面。

a.button{
    color: #000000;
    text-decoration: none;
    display: block;
    background: #FFFFFF;
    border: solid 1px black;
}

不太吸引人的（虽然常用）方法是在图像周围包裹一个链接。

<a href="www.mysite.com/mypage"><img src="/images/button.png"/></a>

Answer 2

您可以编写按钮以使用OnClick事件触发重定向到所需href的JavaScript代码。

<button type="button" onclick="redirect()">Click Me</button>

<script type="text/javascript">
function displayDate()
{
window.location="http://www.yourlink.com";
}
</script>

Answer 3

我认为正确的方法是将按钮放在表单中，并将表单的action属性设置为要链接到的页面以及要提交的按钮的type属性。 e.g。

<form action="nextpage.html" method="get">
   <button type="submit"> Next </button>
</form>

HTML - 按钮 - 如何使其可链接？

3 个答案: