空值输入指控件状态未激活，form.reset()仅还原初始值而非清空；需按类型分别处理：text/textarea设value=""，checkbox/radio设checked=false，select多选遍历options设selected=false，contenteditable设textContent=""；空值校验须结合trim()与checkValidity()。
空值输入不是“没填”，而是表单控件的 value、checked、selected 等状态处于未激活或清空态——直接设 value="" 不总管用，尤其对复选框、下拉框和动态字段。
为什么 form.reset() 不能当“清空”用
它只恢复到页面加载时的初始值，不是清零。比如 <input value="默认用户名">，点重置后变回“默认用户名”，不是空；JS 动态插入的新字段压根不被 reset() 管理；<select multiple></select> 的已选项也不会被清除。
-
reset()是还原，不是清空 —— 别在“提交后清空”逻辑里无脑调用 - 初始值带内容的字段，
reset()会把用户刚输的字抹掉再填回去，体验反向 - 服务端返回的动态表单字段（如 JS
appendChild()插入）不在 reset 范围内
手动清空所有类型控件的正确写法
必须按控件类型分别处理，统一设 value="" 会漏掉 checkbox、radio 和 select 的多选状态。
-
<input type="text">、<textarea></textarea>：设element.value = "" -
<input type="checkbox">、<input type="radio">：设element.checked = false -
<select></select>单选：设element.selectedIndex = 0或element.value = ""（前提是第一项value=""） -
<select multiple></select>：遍历element.options，逐个设option.selected = false -
contenteditable元素：不能用value，得设element.textContent = ""或element.innerText = ""
空值校验时 trim() 和 checkValidity() 必须配合
用户可能输一堆空格，value 不为空字符串但语义上仍是空；浏览器原生 required 校验不自动 trim，所以前端禁用按钮或判断必填项时，不能只看 value !== ""。
立即学习“前端免费学习笔记（深入）”；
- 对每个必填字段，用
el.value.trim() !== "" && el.checkValidity()统一判断 -
checkValidity()对type="email"比手写正则更准，且兼容浏览器内置规则 - 监听
input、change、animationend三类事件，覆盖 autofill 场景（Chrome 填完常不触发input） - 别用
oText.oninput = function() {}覆盖已有监听器，一律用addEventListener
表格中空单元格的空值 ≠ 表单中空输入
这是两个不同上下文：表格 <td> 为空不渲染边框，是因为盒模型没内容撑开；而表单控件为空是状态控制问题。混淆这两者会导致用错方案——比如对 <code><td> 也去设 <code>value，或者给 <input> 塞 。
<td> 空值处理靠 <code>或 CSSempty-cells: show（仅border-collapse: separate下有效）-
<input>空值是运行时状态，要靠 JS 控制属性，不是填充占位符 - 动态渲染表格时，后端传
null，JS 应输出<td> </td>，而不是<td></td>或<td> </td>
最易忽略的是：表单字段是否“真正为空”，取决于它的类型和当前 DOM 属性值，而不是你肉眼看到的输入框有没有文字。一个没勾的 checkbox 是空，一个 selectedIndex = -1 的 select 是空，但它们没有 value 属性可读——得查 checked 和 selectedIndex 才算数。
