form[method="dialog"]提交后对话框未关闭，最常见原因是dialog未通过showModal()激活或form未嵌套在dialog内；其作用是点击submit按钮自动close并赋值returnValue，仅支持value字符串返回。
method="dialog 是 <form> 在 <dialog> 内部唯一有效的提交方式，它不发 HTTP 请求，也不跳转页面，只做一件事：点击 type="submit" 按钮时自动调用 dialog.close()，并把按钮的 value 赋给 dialog.returnValue。
为什么 form method="dialog" 提交后对话框没关闭？
最常见原因是表单没放在 <dialog> 元素内部，或 <dialog> 没通过 .showModal()（或 .show()）激活。
-
<dialog>必须已打开（即 DOM 中存在open属性，或已调用showModal()），否则method="dialog"完全不生效 -
<form>必须是<dialog>的**直接子元素或后代元素**；如果被<div>包裹又没正确透传事件，也可能中断行为 - 按钮必须是
<button type="submit">，<input type="submit">也行，但不能是type="button"或无type值 - 表单不能同时设
method="post"或action—— 这些会被忽略，但若存在且逻辑混乱，可能干扰原生行为
如何拿到 dialog.returnValue 的值？
dialog.returnValue 不是事件参数，也不是 Promise 结果，它是个同步可读属性，但**只在 close 事件触发后才稳定可用**。
- 监听
dialog.addEventListener('close', () => { ... })，此时dialog.returnValue已被赋值 - 不要在
submit事件里读取它 —— 此时对话框还没关，值仍是空字符串 - 如果用
dialog.showModal()，它返回一个 Promise：const result = await dialog.showModal()，result就是close()传入的字符串（Chrome 125+ 支持，注意不是所有浏览器） - 按钮的
value直接决定返回值：<button type="submit" value="save">保存</button>→dialog.returnValue === "save"
想提交数据到服务器，还能用 method="dialog" 吗？
不能直接用。因为 method="dialog" 本质是 UI 控制协议，和网络请求无关。一旦你加了 AJAX、fetch 或表单序列化逻辑，就必须放弃自动关闭，改用手动控制。
立即学习“前端免费学习笔记（深入）”；
- 移除
method="dialog"，改为<form id="myForm"> - 在
submit事件中e.preventDefault()，再发请求 - 请求成功后手动调用
dialog.close(JSON.stringify(data))（注意：参数只能是字符串） - 后续读取时需
JSON.parse(dialog.returnValue)，别忘了错误处理 - 别漏掉
e.preventDefault()—— 不加的话，浏览器会按默认行为提交表单（刷新/跳转），method="dialog"甚至不会触发
最容易被忽略的一点：返回值永远是字符串，哪怕你传的是数字、对象或 null。想传结构化数据，必须自己 JSON.stringify() 和 JSON.parse()，而且得确保两端都处理了解析失败的情况。
