step属性仅控制秒级精度，必须为60的正约数（如1、15、60），非整数或不能整除60的值不可靠；跨浏览器兼容性差，iOS Safari基本忽略，需JS四舍五入校验并后端验证。
step 属性在 <input type="time"> 中只控制秒级精度
HTML 的 step 属性对 time 输入框的作用非常有限：它**仅影响秒数的步进值**，不能跳过分钟或小时。浏览器会忽略 step 值中小于 1 的部分（比如 step="0.5"），也**不支持以分钟为单位的步进**（如 step="300" 表示 5 分钟）——除非该值能被 60 整除，否则多数浏览器（Chrome、Edge）会退回到默认行为（即秒粒度为 1）。
常见错误现象：<input type="time" step="300"> 在 Chrome 中仍显示秒选择器，且可选任意秒数；Firefox 则可能直接忽略该 step 值。
-
step="1（默认）→ 秒级可调，范围 00–59 -
step="15→ 秒数只能是 00、15、30、45（但小时/分钟仍自由输入） -
step="60→ 等效于隐藏秒数，只允许选择分:时（如14:30），但用户仍可手动输入14:30:22，且提交值仍含:00后缀 - 任何非整数或不能整除 60 的值（如
step="30、step="120）在实际中不可靠，不应依赖
想限制为“每15分钟一档”？必须用 JavaScript 补位
原生 step 无法实现“14:00 → 14:15 → 14:30”这类分钟粒度约束。可行做法是监听 change 或 input 事件，将用户输入的时间四舍五入到最近的 15 分钟档位，并重写 value。
示例逻辑（不依赖框架）：
立即学习“前端免费学习笔记（深入）”；
const timeInput = document.querySelector('input[type="time"]');
timeInput.addEventListener('change', () => {
const [h, m] = timeInput.value.split(':').map(Number);
if (isNaN(h) || isNaN(m)) return;
const totalMinutes = h * 60 + m;
const rounded = Math.round(totalMinutes / 15) * 15;
const newH = Math.floor(rounded / 60) % 24;
const newM = rounded % 60;
timeInput.value = `${newH.toString().padStart(2, '0')}:${newM.toString().padStart(2, '0')}`;
});注意：该逻辑不处理秒数（因 time 输入框默认不含秒），且需配合 step="60" 隐藏秒选择器，减少干扰。
移动端兼容性差，iOS Safari 几乎无视 step
iOS Safari 对 <input type="time"> 的 step 支持极弱——无论设成什么值，系统时间选择器始终以 1 分钟为最小单位，且不响应 step 约束。Android Chrome 表现略好，但也仅在秒选择器中体现 step（若启用）。
这意味着：如果你的应用核心用户在 iPhone 上，step 属性基本无效，必须依赖 JS 校验 + UI 提示（例如输入后弹出“已自动调整为最近 15 分钟档位”）。
- 不要用
step做业务校验依据，后端仍需独立验证时间是否符合粒度要求 - 避免在
time输入框上设置step="300"并期望 iOS 用户看到“每5分钟一档”的 picker - 若粒度控制是刚需，更稳妥的方案是改用两个
<select>（小时/分钟）或第三方时间选择器（如 flatpickr）
为什么 step 值必须是整数且推荐用 60 的约数
HTML 规范规定 time 的 step 单位是**秒**，且必须为正整数。浏览器内部将该值用于计算秒数的合法取值集合：{0, step, 2*step, …} ∩ [0, 59]。若 step > 59（如 step="120"），则合法秒数只剩 0 → 实际效果等同于隐藏秒数，但行为未标准化。
所以真正安全可用的 step 值只有：1、2、3、4、5、6、10、12、15、20、30、60。
-
step="60"是最常用且跨浏览器表现最一致的选项，它让秒数恒为:00，视觉上接近“仅选分时” -
step="15"能保留秒选择器，但仅限秒数对齐，业务意义不大 - 所有其他值都存在兼容性风险，尤其当目标环境包含旧版 Android WebView 或 Electron 内嵌浏览器时
实际项目里，step 属性只是个辅助提示，真要 enforce 时间粒度，JS 处理和后端校验缺一不可。别把它当开关用。
