使用链接行为制作html按钮的最佳方法是什么？

Question

我的桌子有大约50行.每行都有链接,但我需要通过按钮替换此链接.我有几种方法可以做到这一点,但我不知道哪种方式是最好的.

第一种方式:

<form method="POST" action="some url">
   <input type="submit" value="Clickable Button">
</form>

第二种方式:

<input type="button" value="Action button"
onclick="window.location='http://www.w3schools.com'" />

第三种方式:

<input type="button" class="actionButton" value="Action button"
data-link="http://www.w3schools.com"/>

之后我将使用jQuery添加javascript代码:

$("input.actionButton").click(function () {
   window.location = $(this).attr("data-link");
});

那么,最好的方法是什么？

Answer 1

在这三个中,我会选择一个,form但如果每个链接都在不同的地方,那么复制链接功能就有很多形式.

但我有第四个选择:设置链接的样式而不是替换它.您可以使链接看起来任何您想要的方式,包括几乎完全像按钮.由于它是一个链接,这将是最语义正确的选项(和较少复杂的标记).显然,这取决于你必须用一个按钮替换链接的原因 - 例如,如果有一些功能,而不是外观,要求这样做.