如何为已创建的HTML/CSS页面添加跳转按钮？相关链接问题咨询

首先，你提到的form代码确实能实现跳转，但这完全不是最优方案——form标签的设计初衷是用来提交用户数据（比如登录、表单提交），用它来做页面跳转属于“用错工具”，不仅代码冗余，语义上也不清晰。

实现两个页面互相链接，HTML提供了专门的元素：<a>（锚点/链接标签），这才是正确的选择，步骤非常简单：

本地测试无需上传到网络 #

不管用哪种方式，本地测试都不需要把页面上传到网络，只要把两个HTML文件放在同一个文件夹里，就能直接在浏览器里打开测试跳转。

具体实现步骤 #

假设你的两个页面分别是：

• page1.html（第一个页面）
• page2.html（第二个页面）

1. 在page1.html中添加跳转到page2.html的链接：

<a href="page2.html">点击跳转到第二个页面</a>

2. 在page2.html中添加返回page1.html的链接：

<a href="page1.html">点击返回第一个页面</a>

这样点击链接就能在两个页面之间自由跳转了，完全不需要用form标签。

如果你的页面不在同一个文件夹（比如page2在子文件夹pages里），只需要调整href的路径：

<a href="pages/page2.html">跳转到子文件夹里的页面</a>

关于你提到的form代码 #

如果非要用那段form代码跳转本地页面，也是可以的，但完全没必要：

<form action="page2.html">
  <input type="submit" value="Go to Page 2" />
</form>

同样本地测试不需要上传，不过这种方式会触发表单提交的行为，体验上不如点击普通链接顺畅，而且代码更啰嗦，所以强烈推荐用<a>标签。

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