form[method="dialog"]必须嵌在dialog的直接子元素form中且dialog需调用showmodal()才生效；提交后dialog.returnvalue为submit按钮的value值（字符串），需监听close事件读取。

form[method="dialog"] 必须嵌在

内部才能生效

直接给 <dialog method="dialog"></dialog> 加这个属性毫无作用——method 不是 <dialog></dialog> 的合法属性，浏览器会静默忽略。真正起效的位置只有一处：<form></form> 标签上，且它必须是 <dialog></dialog> 的**直接子元素**（不能套 <div>、<code><section></section> 等中间容器）。否则点击提交按钮，页面照样刷新。

• <dialog><form method="dialog">…</form></dialog> ✅
• <dialog><div><form method="dialog">…</form></div></dialog> ❌（Safari/Chrome 均不触发关闭）
• <form method="dialog"><dialog>…</dialog></form> ❌（完全无效）

dialog 必须先调用 showModal()，否则 form[method="dialog"] 静默失败

写了 <dialog open></dialog> 或手动设 dialog.open = true，form[method="dialog"] 依然不会关闭对话框。因为 open 属性只控制可见性，不激活模态栈；而 method="dialog" 的自动关闭逻辑，依赖浏览器内部对“已打开的模态 <dialog></dialog>”的识别——这只有 showModal() 调用后才成立。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

• 脚本需放在