如何移除表单按钮跳转后URL末尾的尾随问号？

问题原因 #

表单默认采用GET方法提交（即使不手动声明method="get"），哪怕表单里没有任何输入字段，GET提交的逻辑也会在目标URL后添加一个问号——它用来标识参数区域的起始位置，哪怕没有参数，这个问号也会被保留。

解决方案 #

方法1：用JS拦截表单默认提交，手动跳转 #

通过JavaScript阻止表单的默认提交行为，直接跳转到目标页面，绕过表单的GET提交逻辑：

<form action="contact.html" onsubmit="window.location.href = this.action; return false;">
  <button>Contact Us</button>
</form>

也可以给按钮绑定点击事件实现相同效果：

<form action="contact.html">
  <button onclick="window.location.href = 'contact.html'; return false;">Contact Us</button>
</form>

方法2：改用<a>标签实现导航（更符合语义） #

如果这个按钮只是单纯的页面跳转需求，没有提交数据的功能，用<a>标签才是更适配的选择——它本身就是为页面导航设计的，不会产生多余的问号。你可以给<a>标签添加样式，让它视觉上和按钮一致：

<a href="contact.html" style="display: inline-block; padding: 0.5rem 1rem; background-color: #0d6efd; color: #fff; border-radius: 4px; text-decoration: none; cursor: pointer;">
  Contact Us
</a>

不推荐的方法：改用POST方法 #

虽然把表单method设为post可以消除URL里的问号，但POST的语义是提交数据，不适合单纯的页面导航——用户刷新页面时会触发“重新提交表单”的提示，体验不佳，因此不建议使用这种方式。

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