如何在不使用JavaScript的情况下为HTML中的button添加链接？

当然有不用JavaScript的实现方式，以下是几种常用方案：

1. 用<a>标签包裹<button> #

这是最直观的方法，直接把按钮放在链接标签里，点击按钮就会触发链接跳转。需要注意的是，部分浏览器可能会给链接加默认样式，你可以通过CSS调整按钮的外观，避免样式冲突。

<a href="https://example.com">
  <button>点击跳转</button>
</a>

2. 借助<form>标签 #

把按钮放在表单里，通过设置表单的action属性指定跳转目标，method设为get（跳转场景用get即可）。点击按钮时，表单会提交并跳转到指定链接。

<form action="https://example.com" method="get">
  <button type="submit">点击跳转</button>
</form>

如果只是单纯跳转，这种方式完全适用，不需要额外处理表单的其他逻辑。

3. 使用HTML5的formaction属性 #

HTML5给<button>元素新增了formaction属性，直接给按钮设置这个属性就能指定跳转链接——哪怕不包裹在<form>里也能用，如果放在表单中，它还会覆盖表单的action属性。目前主流现代浏览器都支持这个属性。

<button type="submit" formaction="https://example.com">点击跳转</button>

内容的提问来源于stack exchange，提问作者Mehuldobriyal123