form[method="dialog"]必须是dialog的直接子元素，否则提交不关闭弹窗；dialog需用showModal()打开而非open属性；仅type="submit"按钮的value设为returnValue，其他表单字段需手动处理。
form[method="dialog"] 必须嵌在 dialog 直接子级位置
写了 form[method="dialog"] 但点提交没关弹窗？大概率是 HTML 结构错了。这个属性只在特定嵌套关系下生效：<form> 必须是 <dialog> 的**直接子元素**，中间不能插任何容器标签。
常见错误包括：
-
<dialog><div><form method="dialog">...</form></div></dialog>——<div>隔开了，失效 -
<dialog open><form method="dialog">...</form></dialog>—— 单纯加open属性不触发行为，必须用 JS 调用showModal() -
<form>放在<body>下或其它位置，完全被浏览器忽略（无报错、无提示）
dialog 必须用 showModal() 打开，不能靠 open 属性
<dialog open> 看起来像弹出来了，其实只是强制显示，不带模态特性：背景没锁、Esc 不响应、form[method="dialog"] 不触发关闭逻辑。真正起作用的只有 dialog.showModal()。
正确做法：
立即学习“前端免费学习笔记（深入）”；
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 确保 DOM 加载完成后再调用，比如放在
</body>前或监听DOMContentLoaded - 别写
dialog.open = true或dialog.hidden = false，这会破坏焦点捕获和 backdrop 行为 - Safari 15.4–16.3 有兼容问题，
showModal()可能抛错，需 try/catch + fallback 提示
提交按钮必须是 type="submit"，且 value 会被设为 returnValue
form[method="dialog"] 的关闭动作只由 type="submit" 的控件触发——<button type="submit" value="ok"> 或 <input type="submit" value="cancel">。其他方式都不行：
-
<button onclick="dialog.close('yes')">—— 绕过 form，dialog.returnValue不会自动设 -
<button>没写type="submit"，回车也不触发 -
onsubmit="event.preventDefault(); return false;"—— 直接掐断原生关闭链路
提交后，dialog.returnValue 就是按钮的 value 字符串，不是 FormData，也不含其他表单字段值。
想传 input 数据？得放弃 method="dialog"，手动处理
如果表单里有 <input name="title"> 这类字段，指望 form[method="dialog"] 把它们一起打包返回，注定失败。它只认 submit 按钮的 value。
要传字段数据，必须：
- 去掉
method="dialog"，改用普通<form> - 监听
submit事件，第一句写e.preventDefault() - 用
new FormData(form)或form.elements收集数据 - 异步提交后，显式调用
dialog.close(JSON.stringify(result)) - 读取时用
JSON.parse(dialog.returnValue)，并包try/catch防解析失败
容易忽略的是：关闭后 dialog 元素仍在 DOM 中，open 变为 false，但 input 值不会自动清空——下次打开前得手动重置，否则残留脏数据。
