dialog本身不阻止表单提交，真正起作用的是form[method="dialog"]的声明式行为；其失效主因包括form非dialog直接子元素、dialog未调用showmodal()、按钮type非submit、onsubmit拦截或preventdefault()调用。
dialog 本身不会阻止表单提交——它根本不管表单的事。真正起作用的是 form[method="dialog"] 的声明式行为，但这个行为极易被意外破坏，导致表单照常跳转或刷新。
为什么点“确认”按钮后页面跳转了
这是最常见的失效现象，本质是浏览器放弃了 method="dialog" 的自动关闭逻辑，退回到传统表单提交。
-
<form></form>不在<dialog></dialog>内部，或中间隔了<div> 等容器（必须是直接子元素） <li> <code><dialog></dialog>没调用过showModal()（仅设open属性无效） - 用了
<button type="button"></button>或没写type的按钮——只有type="submit"才触发提交流程 - 表单上写了
onsubmit="return false"，或 JS 中调用了event.preventDefault()，直接截断了浏览器原生处理链 - 给
<form></form>绑定submit事件，并立即调用event.preventDefault() - 用
new FormData(form)或遍历form.elements获取字段值 - 把结构化数据转成字符串（比如
JSON.stringify({name: 'Alice', agree: true})），再赋给dialog.returnValue - 最后调用
dialog.close()（注意：不能传参，dialog.close('ok')是无效的） - 正确结构是：外层无表单，
<dialog></dialog>独立存在，内部只放一个<form method="dialog"></form> - “取消”按钮应为
<button type="button"></button>，并用this.closest('dialog').close()关闭 - 如果真需要多个按钮共用一套验证逻辑，建议统一用 JS 控制提交入口，而不是依赖多个
type="submit"
form[method="dialog"] 不传值？那是你没手动收集
method="dialog" 只负责关闭和阻止跳转，**不读取、不序列化、不赋值 dialog.returnValue**。想带数据关窗，必须自己动手。
取消按钮一按就提交？别把 dialog 套在 form 里
把 <dialog></dialog> 放进外层 <form></form> 是危险操作——对话框里的任何 type="submit" 按钮（包括“取消”）都会触发表单提交，哪怕它本意只是关窗。
最易忽略的一点：dialog.returnValue 只在 close() 被调用后才可读取，且只能在 close 事件中安全获取；提前读、异步读、或在非模态模式下读，都可能拿到空值或旧值。
