HTML页面跳转报错Cannot GET /action_page.php?的解决咨询

看起来你遇到的问题是表单的默认提交行为覆盖了跳转逻辑，导致点击按钮后触发了不存在的PHP页面请求。我来帮你拆解问题并给出可行的解决方案：

问题根源 #

你的signupbtn按钮是type="submit"，并且嵌套在action="action_page.php"的<form>标签里。点击按钮时，浏览器会优先执行表单提交操作，尝试访问你并未准备的action_page.php文件，这就是出现Cannot GET /action_page.php?错误的原因，外层的<a>链接完全被忽略了。

解决方案 #

方案1：修改按钮类型，用JavaScript直接跳转 #

把按钮的type从submit改为button，通过onclick事件实现页面跳转，彻底避开表单提交逻辑：

<div class="clearfix">
  <button type="button" class="cancelbtn">Cancel</button>
  <button type="button" class="signupbtn" onclick="window.location.href='createprofile.html'">Create My Account</button>
</div>

方案2：修改表单的action属性 #

如果后续需要收集表单数据，可以直接把表单的提交目标改成createprofile.html：

<form action="createprofile.html" style="border:1px solid #ccc">
  <!-- 原有表单内容保持不变 -->
  <div class="clearfix">
    <button type="button" class="cancelbtn">Cancel</button>
    <button type="submit" class="signupbtn">Create My Account</button>
  </div>
</form>

这样点击按钮时，表单会携带输入数据跳转到目标页面（数据会以URL参数的形式传递）。

方案3：移除不必要的表单包裹 #

如果这个表单只是用于布局，不需要提交数据，可以直接去掉<form>标签，保留<a>和按钮的组合：

<div style="border:1px solid #ccc">
  <div class="container">
    <!-- 原有内容保持不变 -->
    <div class="clearfix">
      <button type="button" class="cancelbtn">Cancel</button>
      <a href="createprofile.html"><button type="button" class="signupbtn">Create My Account</button></a>
    </div>
  </div>
</div>

这里要注意把按钮type改为button，避免默认的表单行为干扰。

额外提醒 #

请确保createprofile.html和index.html在同一目录下，这样相对路径才能正确访问。如果文件不在同一目录，需要调整链接路径（比如./subfolder/createprofile.html）。

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