根本原因是iOS Safari对表单提交更严格，会过滤未交互或无效状态的控件；需手动检查数据完整性、用JS主动收集而非依赖原生submit，并验证控件可交互性。
iPad 上用 HTML5 做问卷，提交后发现后端收不到某些字段（比如 radio 未选、textarea 空值被忽略、select 多选没设 multiple），根本原因不是“iPad 特有 bug”，而是表单行为在 iOS Safari 中更严格——它会主动过滤掉「未交互」或「无效状态」的控件，且不发空值。
检查 form 提交时哪些 input 实际没进请求体
iOS Safari 对 form 提交有隐式规则：只有 name 存在、且处于「可提交状态」（disabled 除外）的控件才会被序列化。常见漏项场景：
-
radio组全都没选 → 整组不会出现在FormData或 URL 查询参数中（连 key 都没有） -
checkbox未勾选 → 不参与提交（哪怕写了value） -
select没设selected的默认选项 → 若用户没点开选择，该字段直接消失 -
input type="number"输入了非数字字符（如空格、中文）→ iOS 会清空其value，提交时变成空字符串甚至 undefined
实操建议：在提交前手动检查数据完整性，别依赖浏览器自动收集。
document.querySelector('form').addEventListener('submit', function(e) {
const formData = new FormData(this);
// 打印所有键，看缺了谁
for (let [key, value] of formData.entries()) {
console.log(key + ':', value);
}
// 补漏：对必填 radio 组，若无选中项，手动 append 默认值
const genderRadios = document.querySelectorAll('input[name="gender"]');
if (![...genderRadios].some(r => r.checked)) {
formData.append('gender', ''); // 或 'not_specified'
}
});
用 JavaScript 主动收集而非依赖原生 submit
原生 form.submit() 或点击 type="submit" 按钮，会绕过 JS 控制，导致你无法拦截、补全、校验。尤其在 iPad 上，软键盘收起时机和 focus 状态变化容易让某些字段“来不及更新 value”。
立即学习“前端免费学习笔记（深入）”；
- 把
button type="submit"改成button type="button" - 用
fetch()或XMLHttpRequest手动构造请求体 - 遍历所有
input、select、textarea，统一读取.value或.checked - 对
radio组，用document.querySelector('input[name="x"]:checked')安全取值
注意：iOS Safari 中，input[type=number] 的 .value 在用户输入非法内容后可能为空字符串，但 .valueAsNumber 会是 NaN，需做类型判断。
验证 iPad 端表单控件是否真正“可交互”
iPad 的触控精度和 Safari 渲染机制会让某些控件“看似可用，实则失效”。典型表现是：点击无响应、焦点不触发、change 事件不触发。
- 确保所有
input有明确的name，且不在display: none或visibility: hidden的父容器里 - 避免用
label包裹input时内部嵌套其他块级元素（iOS Safari 对 label 内部结构敏感） - 测试
touchstart和click是否都能触发 —— 有些情况只绑click在 iPad 上会失灵 - 禁用
user-select: none或-webkit-user-select: none，它会阻止 input 获得焦点
一个快速验证法：在 iPad 上打开开发者工具（通过 macOS Safari 连接调试），在控制台执行 document.querySelectorAll('input, select, textarea').forEach(i => console.log(i.name, i.value, i.checked))，对比点击前后值是否更新。
最常被忽略的一点：iPad 上的表单缺项，80% 不是 HTML5 兼容性问题，而是开发时没考虑「用户根本没碰过这个控件」的场景。别假设用户一定会点开下拉框、一定会选单选、一定会输完再提交——加默认值、做空值 fallback、用 JS 主动采集，比等后端报错再查更高效。
