date input 必须设 name 属性才能提交，否则后端收不到值；表单 method 和 enctype 配置错误、JS 提交未正确取值、浏览器兼容性及空值处理不当均会导致日期丢失。
date 类型 input 必须有 name 属性才能提交
浏览器只序列化带 name 的控件， 不例外。没写 name，哪怕用户选了日期，后端也收不到任何值——不是解析失败，是压根没打包进请求。
常见错误写法： → 后端查不到 birth 字段；正确写法：。
注意大小写：前后端字段名必须完全一致，birthDate 和 birthdate 是两个不同键。
表单 method 和 enctype 配置影响 date 值能否到达后端
type="date" 本身不依赖特殊编码，但整个表单的传输方式错了，它照样“发不出去”：
-
method没显式写"post"？浏览器默认用 GET，参数会拼在 URL 后，容易被截断、记录、缓存，且后端接口往往只监听 POST -
action是相对路径如"api/submit"？浏览器可能拼成https://example.com/current-page/api/submit，而非你预期的根路径接口 - 表单里混了
却没加enctype="multipart/form-data"？此时date字段虽能发出，但后端中间件（如 Express 的body-parser）若只配了urlencoded，就可能漏掉所有字段
JavaScript 拦截 submit 后忘记手动收集 date 值
用了 e.preventDefault() + fetch 提交，却直接读 form.elements 或拼对象，容易漏掉 date 输入框的值：
-
input[type=date]的.value是字符串格式"YYYY-MM-DD"，不是 Date 对象，别调.toISOString()再塞进去 - 用
new FormData(form)最稳妥，它自动处理date、number、checkbox等类型，且兼容文件 - 如果手写 JSON 提交，记得把
date字段转成字符串：{ birth: form.birth.value || null }，空值也要显式传，别让它变成undefined
浏览器兼容性与用户未选择日期的边界情况
type="date" 在 Safari 旧版、部分 Android WebView 中支持弱，但更隐蔽的问题是“用户没点选”：
- 初始状态为空时，
input.value是空字符串""，不是null或undefined，后端做isset()或if (req.body.birth)会误判为“有值” - 用户清空日期后，某些浏览器仍返回上次值，建议提交前校验：
if (!input.value.match(/^\d{4}-\d{2}-\d{2}$/)) { /* 提示必填或格式错 */ } - 需要兼容老浏览器时，别只靠
type="date"，加pattern="\d{4}-\d{2}-\d{2}"和required，再用 JS fallback 渲染日历组件
最常被忽略的一点：date 输入框的值只有在用户真正点击并确认选择后才更新，单纯聚焦+失焦不会触发 change 事件，也不改变 value。调试时别只看 UI 是否显示了日期，要查 DOM 节点的 value 属性是否已变。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
