这其实是浏览器处理表单提交时的默认行为差异导致的，我来给你拆解清楚：

核心原因 #

当你的表单使用 method="POST" 提交时，浏览器会遵循HTTP规范的默认处理逻辑：它会忽略action属性里携带的查询字符串（也就是?test=1这部分），只向action指定的路径（draft.html）发送POST请求，请求数据放在请求体里，不会出现在URL上。

而如果表单使用默认的method="GET"（或者显式设置），浏览器就会保留action里的查询参数，还会把表单中的数据（如果有的话）追加到URL后面一起提交——这也是你修改method属性后问题解决的原因啦。

满足需求的两种方案 #

你提到希望在POST表单中通过action携带GET参数，这里有两个可行方向：

1. 用JavaScript手动控制提交逻辑 #

如果你必须用POST方法，同时要让URL上保留?test=1参数，可以通过JS拦截默认提交行为，自己构造请求：

const form = document.querySelector('form');
form.addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止浏览器默认提交
  // 构造带查询参数的URL
  const targetUrl = new URL(this.action);
  targetUrl.searchParams.set('test', '1'); // 也可以直接拼接成 this.action + '?test=1'
  
  // 如果要发送POST请求并处理跳转
  const formData = new FormData(this);
  fetch(targetUrl, {
    method: 'POST',
    body: formData
  }).then(() => {
    // 提交完成后的跳转逻辑
    window.location.href = targetUrl;
  });
});

2. 规范方案：用隐藏域传递参数 #

虽然你提到知道这个方法，但还是提一下——如果不需要参数出现在URL上，只是要把test=1传递到后端，最标准的做法还是用隐藏input：

<form action="draft.html" method="POST">
  <input type="hidden" name="test" value="1">
  <button type="submit">Valid</button>
</form>

后端依然可以正常获取到test参数，只是它会放在请求体里而非URL上。

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