form.reset()对textarea无效，因其仅恢复HTML标签内的初始文本；必须手动设value=""才能真正清空，且需在重置逻辑中显式执行。
textarea 不是表格元素，但常嵌在 table 的单元格里；清空它不能靠 form.reset() 自动处理——除非你没写初始内容，否则重置后会回到 HTML 里的文本，不是空。
为什么 form.reset() 对 textarea 无效或行为反直觉
浏览器的 reset() 只读取 textarea 标签体内的初始文本（即 <textarea>初始内容</textarea>），而不是当前 JS 修改过的值。哪怕你用 el.value = "新内容" 改过，点重置仍回退到“初始内容”。如果标签体为空（<textarea></textarea>），它才会变空——但这依赖 HTML 写法，不具可控性。
- 常见错误现象：
<textarea>草稿备份</textarea>→ 用户输入后点重置 → 回到“草稿备份”，不是清空 - JS 动态设置
textarea.value后，reset()完全无视该操作 -
textarea.textContent和textarea.value在 reset 行为中不等价；必须用value赋值才生效
textarea 必须手动设 value = "" 才能真正清空
这是唯一可靠方式，且要放在重置逻辑中显式执行，不能指望原生机制。
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
- 对单个
textarea：document.getElementById('myTextarea').value = "" - 批量处理（如表单内所有
textarea）：form.querySelectorAll('textarea').forEach(ta => ta.value = "") - 注意：不要用
ta.textContent = ""—— 它可能被浏览器忽略或导致光标错位 - 若
textarea是只读（readonly）或禁用（disabled），赋值仍成功，但用户不可编辑；重置逻辑无需跳过它们
和 input 混用时，别漏掉类型判断
一个表单里往往同时有 input、select、textarea，统一清空必须分类型处理，不能只遍历 form.elements 然后全设 .value。
立即学习“前端免费学习笔记（深入）”；
-
<input type="text">、<input type="email">：设.value = "" -
<textarea></textarea>：同样设.value = ""（不是textContent） -
<select></select>单选：设.selectedIndex = -1或.value = "" -
<input type="checkbox">/<input type="radio">：设.checked = false - 特别注意：
<input type="file">无法通过.value = ""清空（浏览器限制），需用el.outerHTML = el.outerHTML替换节点
在表格结构里定位 textarea 更容易出错
如果 textarea 套在 <table><tr><td> 里，用 <code>form.elements 仍能拿到（它包含所有后代表单控件），但用 CSS 选择器时容易误写成 table textarea —— 这会匹配整个页面的 textarea，不局限于当前表单。
- 安全做法：先获取表单元素，再查后代，例如
form.querySelector('textarea')或form.querySelectorAll('textarea') - 避免用
document.querySelectorAll('textarea')全局查找，尤其页面有多个表单时 - 如果
textarea在<fieldset></fieldset>或 Shadow DOM 内，form.elements仍包含它，但querySelector需注意作用域
真正清空的关键不在“一键”，而在明确控制每个字段的最终状态；textarea 尤其不能交给 reset() 蒙混过关——它的初始值藏在标签体内，看不见也难调试。
