HTML中input元素formmethod属性怎么动态改变提交方式-html教程-PHP中文网

formmethod属性无法通过javascript直接修改，浏览器仅认html静态值；动态改提交方式应操作form.method或改用fetch()手动请求。

html中input元素formmethod属性怎么动态改变提交方式

formmethod属性不能用JavaScript直接修改提交方式

直接给 input 元素设置 formmethod 属性（比如 el.formMethod = 'post'）不会生效——浏览器忽略该属性的 JS 赋值，只认 HTML 初始化时的静态值。这是规范行为，不是 bug。

动态改提交方式得靠表单级控制

formmethod 是为 type="submit" 或 type="image" 的按钮设计的，它本质是覆盖其所属 form 元素的 method 属性。所以真正可控的入口是 form.method 本身。

想临时改成 POST：直接改 document.getElementById('myForm').method = 'post'
想按按钮不同走不同 method：给每个提交按钮绑定 click 事件，在里面先设 form.method，再调用 form.submit()
注意：不要同时依赖 formmethod 和 JS 改 form.method，二者冲突时以 form.method 为准

type="submit" 按钮上 formmethod 的实际表现

如果 HTML 中写了 <input type="submit" formmethod="put">，点击它会触发 PUT 提交——但前提是表单没设置 enctype="multipart/form-data"，否则浏览器会静默降级为 POST（连警告都不给）。

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

常见错误：在含文件上传的表单里用 formmethod="put"，结果后端收不到 PUT 请求
兼容性注意：IE 完全不支持 formmethod，所有提交都走 form.method
替代方案：如需真正跨 method（如 DELETE/PUT），推荐用 fetch() 手动发请求，而不是依赖表单原生提交

用 fetch 替代表单提交更可控

当“动态改 method”变成刚需（比如一个按钮要根据状态发 POST 或 PATCH），硬撬表单机制反而容易翻车。直接接管提交逻辑更干净：

button.addEventListener('click', async (e) => {
  e.preventDefault();
  const method = someCondition ? 'PATCH' : 'POST';
  await fetch('/api/user', {
    method,
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(formData)
  });
});

这样不用管 formmethod、formaction、enctype 的各种限制和降级规则，参数、header、body 全由你掌控。

表单原生提交的动态能力很弱，真要灵活，就得跳出表单 DOM 属性那一套。