添加链接到按钮的最佳/正确方法

Question

我已经考虑了一段时间了，也许我在开始时错误地启动了按钮，但需要知道什么是正确/最好的方法。

我有以下代码

<button class="more-button">FIND OUT MORE <i class="fa fa-chevron-right" aria-hidden="true"></i></button>

我以为我能在课后得到一个href，但那不起作用。

目前我正在这样做

<a href="https://link.com"><button class="more-button">FIND OUT MORE <i class="fa fa-chevron-right" aria-hidden="true"></i></button></a>

这可以吗？

我应该做些不同的事吗？ 感谢。

Answer 1

<form method="GET" action="YOUR_Url"><button type="submit">Text</button></form>

如果您将YOUR_URL替换为目标网址，这应该有效。

Answer 2

不使用JavaScript是唯一的方式，最值得推荐的。 您必须使用form标记和action属性，例如：

<form action="http://example.com">
    <input type="submit" value="Examplevalue" />
</form>

您还可以将链接设置为带有CSS的按钮。

<a href="http://test.com" class="button">Testbutton</a>

CSS：

button{
   appearance: button;
   moz-appearance: button;
   webkit-appearance: button;
}