formaction属性允许表单内各提交按钮指定独立提交地址，覆盖表单默认action；常与formmethod配合设定get/post方法；仅对type="submit"元素生效，共享全部表单字段，现代浏览器均支持。
在HTML5中，formaction 属性允许你为表单内的不同提交按钮指定各自独立的提交地址，无需JavaScript就能实现“一个表单、多个提交目标”。它直接覆盖表单整体的 action 属性，只对当前按钮生效。
基础用法：给按钮单独设置提交地址
只需在 <button></button> 或 <input type="submit"> 上添加 formaction 属性即可。该按钮点击时，数据将提交到这个地址，而不是表单默认的 action。
示例：
配合 formmethod 控制请求方式
formaction 常与 formmethod 搭配使用，为每个按钮指定不同的 HTTP 方法（如 GET 或 POST），尤其适合语义化操作。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
formmethod="get"：适合查询类操作（如搜索、预览），参数会出现在URL中 -
formmethod="post"：默认值，适合含敏感或大量数据的提交（如登录、注册）
示例：
注意兼容性与表单字段范围
formaction 是HTML5标准属性，现代浏览器（Chrome、Firefox、Edge、Safari）均支持，IE10+也支持。但需注意：
- 只有
type="submit"的按钮或输入框才触发提交行为；type="button"不生效 - 所有按钮共享同一组表单控件（即整个
<form></form>内的name字段），无法为不同按钮限定不同字段 - 若需差异化提交字段，应通过CSS隐藏/显示区域 + JavaScript控制，或拆分为多个独立表单
实用技巧：避免重复提交和提升体验
虽然 formaction 简洁高效，但建议搭配以下实践：
- 为每个按钮设置明确的
name和value，后端可据此区分操作意图（如<button name="action" value="login"></button>） - 禁用按钮提交后状态（用
disabled），防止重复点击 —— 需借助少量JS，因纯HTML无法监听提交完成 - 确保各目标接口接收相同字段结构，或在服务端统一解析，避免因字段缺失导致报错
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
