form.reset()对textarea无效，因其仅恢复HTML标签内的初始文本；必须手动设value=""才能真正清空，且需在重置逻辑中显式执行。
textarea 不是表格元素，但常嵌在 table 的单元格里；清空它不能靠 form.reset() 自动处理——除非你没写初始内容，否则重置后会回到 HTML 里的文本，不是空。
为什么 form.reset() 对 textarea 无效或行为反直觉
浏览器的 reset() 只读取 textarea 标签体内的初始文本（即 ），而不是当前 JS 修改过的值。哪怕你用 el.value = "新内容" 改过，点重置仍回退到“初始内容”。如果标签体为空（），它才会变空——但这依赖 HTML 写法，不具可控性。
- 常见错误现象：
→ 用户输入后点重置 → 回到“草稿备份”，不是清空 - JS 动态设置
textarea.value后，reset()完全无视该操作 -
textarea.textContent和textarea.value在 reset 行为中不等价；必须用value赋值才生效
textarea 必须手动设 value = "" 才能真正清空
这是唯一可靠方式，且要放在重置逻辑中显式执行，不能指望原生机制。
实现 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。
-
、：设.value = "" -
：同样设.value = ""（不是textContent） -
单选：设.selectedIndex = -1或.value = "" -
/：设.checked = false - 特别注意：
无法通过.value = ""清空（浏览器限制），需用el.outerHTML = el.outerHTML替换节点
在表格结构里定位 textarea 更容易出错
如果 真正清空的关键不在“一键”，而在明确控制每个字段的最终状态；textarea 套在 里，用 form.elements 仍能拿到（它包含所有后代表单控件），但用 CSS 选择器时容易误写成 table textarea —— 这会匹配整个页面的 textarea，不局限于当前表单。
form.querySelector('textarea') 或 form.querySelectorAll('textarea')
document.querySelectorAll('textarea') 全局查找，尤其页面有多个表单时textarea 在 或 Shadow DOM 内，form.elements 仍包含它，但 querySelector 需注意作用域textarea 尤其不能交给 reset() 蒙混过关——它的初始值藏在标签体内，看不见也难调试。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
