如何让 HTML 中的按钮转到另一个地址 - HTML

在 HTML 中，我们可以使用 <a> 标签来创建超链接。当用户点击链接时，它会跳转到指定的 URL 地址。但是，如果你想要使用一个按钮来代替超链接，该怎么办呢？下面是几种简单的方法来实现这一点。

1. 使用表单

你可以使用一个表单来创建一个按钮，然后在表单中设置一个隐藏的 input 来存储要跳转的URL地址。当用户点击按钮时，表单会自动提交，将用户带到指定的URL地址。

<form action="跳转的地址" method="get">
  <input type="submit" value="点击跳转"/>
</form>

2. 使用 JavaScript

你也可以使用 JavaScript 来创建一个按钮并在点击时跳转到指定的URL地址。下面是一个简单的示例：

<button onclick="location.href='要跳转的地址';">点击跳转</button>

3. 使用 HTML5 的 data 属性

HTML5 中新增了一个 data 属性，你可以使用它来存储一些数据。你可以再按钮中加入一个 data-href 属性来存储要跳转的 URL 地址，然后使用 JavaScript 来获取这个属性的值并跳转到指定的URL地址。

<button data-href="要跳转的地址" onclick="location.href=this.getAttribute('data-href')">点击跳转</button>

这就是如何让 HTML 中的按钮转到另一个地址的几种方法。无论你选择哪种方法，都可以非常容易地将按钮转换成一个超链接。