time输入框的step属性默认不生效是因为规范允许浏览器对time类型step做宽松处理，仅约束合法值而不强制ui提供秒级选择器；chrome/firefox需value含秒且手动输入或键盘微调才支持step="1"；safari等则始终忽略。
time输入框的step属性为什么默认不生效
HTML <input type="time"> 的 step 属性在部分浏览器（尤其是 Safari 和旧版 Edge）中被忽略，即使设为 1，依然只能选到分钟级。这是因为规范允许浏览器对 time 类型的 step 做宽松处理——它只约束“合法值”，不强制 UI 提供秒级选择器。
step="1" 在 Chrome/Firefox 中能用但有前提
Chrome 90+ 和 Firefox 85+ 支持 step="1" 实现秒级输入，但必须同时满足两个条件：
-
value必须包含秒，例如"14:30:45"（不能是"14:30"） - 用户需手动输入或通过上下键微调；原生时间 picker UI（点击右侧箭头）在 Chrome 中仍只显示分钟，但键盘按 ↑/↓ 会以秒为单位增减
示例：
<input type="time" step="1" value="09:00:00">
想真正控制秒级选择，得绕开原生 time picker
依赖原生 UI 无法稳定做到秒级选择。更可靠的做法是：
- 用
<input type="text">+ 自定义时间输入组件（如 flatpickr、Cleave.js），它们可精确控制step并渲染秒选择器 - 或用三个独立
<input type="number">分别绑定时、分、秒，再拼成HH:mm:ss字符串 - 若必须用原生
time，至少加 JS 校验：监听input事件，检查value是否含秒且符合step，否则重置或报错
注意 value 格式和时区陷阱
<input type="time"> 永远按本地时区解析和提交，不带日期、不带时区信息。这意味着：
-
value必须是HH:mm:ss格式（24 小时制），09:05:07合法，9:5:7或09:05:07.123非法 - 提交到后端时，服务端拿到的是客户端本地时间点，不是 UTC；若需统一时区，前端应转成 ISO 时间字符串（如
new Date().toISOString()）再截取时间部分 -
step="1"对00:00:00到23:59:59有效，但跨日（如23:59:59→00:00:00）不自动进位，需自行处理
真正难的不是写 step="1"，而是让所有浏览器都按你预期响应——这点至今没完全解决。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
