Flask表单提交发GET而非POST及页面嵌套异常排查

两个异常现象高度关联，绝大多数情况是同一个根因导致，按以下顺序排查修复即可：

问题1：表单始终发送GET请求的修复 #

按排查优先级从高到低对应处理：

• HTML结构错误（最高发原因）：HTML规范明确禁止<form>标签嵌套，先右键查看页面渲染后的源代码，统计所有<form>开始标签和</form>闭合标签的数量是否一一对应。如果当前设置了method="post"的表单外层存在未闭合的其他form标签，浏览器解析DOM时会直接忽略内层form的所有属性（包括method、action），提交时默认使用GET方法。
• 路由重定向导致请求方法变更：检查模板渲染后form的action属性值，是否和Flask路由定义完全匹配。如果路由定义为@app.route('/')，但生成的action地址末尾多/少斜杠、或者路径不匹配，Flask会自动返回3xx重定向，旧版本Flask的301重定向会强制把POST请求转为GET请求。
• JS拦截了默认提交行为：打开浏览器开发者工具的网络面板，清空请求记录后点击提交按钮，查看请求的调用栈，如果存在自定义JS绑定了submit事件、手动通过location.href等方式触发GET跳转，会覆盖表单原生的POST提交逻辑。可以暂时禁用页面所有自定义JS测试，确认是否是JS导致的异常。
• 模板属性未生效：不要只核对模板代码，直接查看最终渲染的页面源代码，确认form标签上确实存在method="post"属性，没有拼写错误（比如拼成methd、Method）、也没有被前端脚本篡改属性。

问题2：index.html内容被注入表单、出现页面嵌套的原因 #

这个现象是HTML结构解析错误的典型表现：
浏览器解析HTML时会自动修正不规范的标签结构，如果存在标签未闭合、表单嵌套的问题，你写的</form>闭合标签会被浏览器判定为提前闭合，后续所有页面内容（包括提交后返回的完整index.html）都会被浏览器当成当前未闭合标签的内部内容渲染，直接插入到表单所在的DOM位置，就会出现页面里嵌套完整网站的现象。
这个问题在你修复完HTML标签闭合、表单嵌套的问题后会自动消失。

快速验证步骤 #

1. 打开浏览器开发者工具的「元素」面板，定位到你的表单位置，查看DOM树里form节点的实际位置和属性，确认没有被浏览器自动挪位、属性没有丢失。
2. 网络面板中查看提交后的第一个请求状态码，如果是3xx重定向，核对重定向的Location地址和路由规则是否匹配。
3. 修复所有未闭合的标签，删除多余的嵌套form标签后重新测试。

额外提示：你当前的服务端代码中，email字段没有设置前端必填校验，直接通过request.form['email']取值时，用户留空的话会直接触发400错误，建议改成request.form.get('email', '')做兼容处理。

内容的提问来源于stack exchange，提问作者E.Bolandian