所有 POST 提交类型整合演示（提交路径：/input）

⚠️ 注意：所有提交请求的目标路径已设置为 /input，请确保后端已配置该接口地址以接收对应格式的POST数据

1. application/x-www-form-urlencoded（普通文本提交，默认类型）

enctype="application/x-www-form-urlencoded" onsubmit="return showFormSubmitTip('urlencoded-form')" >
提示：点击提交后，表单数据会以「username=xxx&age=xxx」格式发送至 /input，页面将跳转至该接口地址

说明：HTML表单默认提交类型，适用于普通文本数据，数据会被URL编码

2. multipart/form-data（文件上传+普通数据提交）

enctype="multipart/form-data" onsubmit="return showFormSubmitTip('multipart-form')" >
提示：点击提交后，文件与普通数据会分块传输至 /input，页面将跳转至该接口地址

说明：唯一支持文件上传的POST类型，数据不编码，以分块形式传输

3. text/plain（纯文本提交，极少使用）

enctype="text/plain" onsubmit="return showFormSubmitTip('plain-form')" >
提示：点击提交后，数据以纯文本格式传输至 /input，页面将跳转至该接口地址

说明：无固定数据结构，后端解析困难，仅适用于简单文本场景

4. AJAX 提交 - application/x-www-form-urlencoded 格式

提示：点击提交后，将以无刷新方式向 /input 发送urlencoded格式POST请求

说明：通过AJAX实现无刷新提交，数据格式与原生表单默认类型一致

5. AJAX/Fetch 提交 - application/json 格式（现代主流）

提示：点击按钮后，将以无刷新方式向 /input 发送JSON格式POST请求（前后端分离主流）

说明：HTML表单无法直接提交JSON，需通过JS实现，支持复杂嵌套数据结构