type="email"仅校验基础格式而非邮箱真实性，需后端SMTP验证；date/datetime-local在Safari兼容差；checkValidity()不触发UI提示，reportValidity()才可；placeholder非label替代品且兼容性不佳。
input type="email" 会自动校验格式，但不保证邮箱真实存在
浏览器原生校验只检查字符串是否符合邮箱基本模式（如含 @ 和域名结构），不发请求验证邮箱能否收信。很多开发者误以为加了 type="email" 就能防无效邮箱，结果后端照样收到 test@ 或 @example.com 这类“格式合法但语义错误”的值。
- 前端校验只是用户体验层防护，
required+type="email"只阻止空值或明显错格式（如无 @） - 真正有效的邮箱需后端用 SMTP 探针或第三方服务验证，前端无法替代
- 部分老 Android WebView 对
type="email"支持不全，软键盘可能不弹出邮箱专用布局，别依赖它提升输入效率 - 若需更严格式（如限制域名后缀），仍得加
pattern属性，例如pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.(com|org|net)"
date、time、datetime-local 在 Safari 和旧版 Android 上行为不一致
input type="date" 在 Chrome 和 Edge 显示日历控件，但在 Safari（尤其 iOS 15.6 之前）里渲染为文本框，用户只能手动输 YYYY-MM-DD 格式；type="datetime-local" 更糟——Safari 完全不支持，直接退化成普通文本框，且默认值解析逻辑也不同。
- 设置
value时，必须用 ISO 8601 格式（如"2024-06-15"），不能用"15/06/2024"，否则 Safari 会清空输入框 - 获取
input.value始终返回字符串，不是Date对象，别直接传给new Date()—— 某些浏览器会因时区处理差异返回错误时间 - 如果业务强依赖日期选择器，建议用轻量级 JS 库（如 flatpickr）兜底，而不是靠 CSS 隐藏原生控件再自己实现
- 注意
min/max属性在 Safari 中对datetime-local无效，仅date和time可靠
form validation API 的 checkValidity() 不触发 UI 提示
调用 form.checkValidity() 或 input.reportValidity() 是常见验证手段，但很多人发现调用了没反应——其实 checkValidity() 只返回布尔值，不显示红边框或气泡提示；只有 reportValidity() 才触发浏览器默认反馈。
- 表单提交时浏览器自动调用
reportValidity()，所以通常不用手动触发；但 JS 主动验证时，该用reportValidity()而非checkValidity() -
setCustomValidity("")清除自定义错误，但必须在每次验证前重置，否则上次的错误消息会残留 - Chrome 和 Firefox 对
:valid/:invalid伪类响应及时，Safari 有时需要重排（reflow）才更新样式，别依赖 CSS 动画立刻生效 - 若禁用原生提示（如
novalidate属性），reportValidity()也不起作用，得自己写提示逻辑
placeholder 属性在 type="number" 和 type="search" 中表现异常
placeholder 看似通用，但在 type="number" 中，某些安卓浏览器会忽略它；而在 type="search" 中，Chrome 默认添加 × 清空按钮，但 placeholder 文字颜色比其他 input 浅，且无法用 ::placeholder 统一覆盖（需加 input[type="search"]::placeholder 特定选择器）。
立即学习“前端免费学习笔记（深入）”；
-
type="number"的 placeholder 在 iOS Safari 中显示正常，但部分国产安卓浏览器（如 UC）完全不渲染，别把它当必现引导文案 -
type="search"的清空按钮无法用appearance: none彻底移除，需配合::-webkit-search-cancel-button { display: none; } - placeholder 不是 label 替代品，无障碍阅读器不一定读取它，关键字段仍需显式
<label></label> - 不要把 placeholder 当默认值用——用户未输入时，
input.value仍是空字符串，placeholder 不参与表单序列化
