html input type="time" 默认仅支持分钟级精度，所有主流浏览器均按规范截断秒数；如需秒级支持，必须改用 type="text" 并手动处理格式、验证与交互。
HTML input type="time" 默认只支持分钟级，不支持秒
浏览器原生 input type="time" 的实际精度取决于实现，但所有主流浏览器（Chrome、Firefox、Safari）都**默认只显示和编辑到分钟**——即使你手动输入 14:30:45，焦点离开后也会被自动截断为 14:30。这不是 bug，是规范行为：HTML 标准明确要求该控件的值格式为 HH:mm，不含秒字段。
想输秒？必须用 input type="text" + 手动校验
没有绕过限制的“设置”参数。想支持秒，就得放弃原生 time 控件，改用文本输入并自己处理格式、验证和键盘交互：
- 使用
<input type="text" pattern="[0-9]{2}:[0-9]{2}:[0-9]{2}">提供基础正则提示（注意：pattern 不阻止粘贴非法内容） - 监听
input事件，实时标准化格式（如补零、过滤非数字/冒号） - 用
setSelectionRange()控制光标位置，避免用户输入时跳位 - 提交前校验是否符合
HH:mm:ss（00–23, 00–59, 00–59），否则拒绝提交或清空
示例片段：
<input type="text" id="time-with-sec" placeholder="HH:MM:SS"><script>
const el = document.getElementById('time-with-sec');
el.addEventListener('input', e => {
let v = e.target.value.replace(/[^0-9:]/g, '');
const parts = v.split(':');
if (parts.length > 3) v = parts.slice(0, 3).join(':');
if (v.length > 8) v = v.slice(0, 8);
e.target.value = v;
});
</script>
移动端 iOS / Android 上的现实问题
原生 input type="time" 在 iOS 上完全不显示秒；Android 部分厂商（如三星）的键盘时间选择器可能允许秒，但提交值仍被浏览器规范强制截断。这意味着：即使 UI 看起来支持秒，el.value 拿到的永远是 HH:mm。别依赖视觉反馈判断精度是否生效。
替代方案：用 <input type="datetime-local">？
它支持秒（格式为 YYYY-MM-DDTHH:mm:ss），但代价是必须填日期——即使你只关心时间，也要传一个假日期（如 1970-01-01T14:30:45）。而且 iOS Safari 对 datetime-local 支持差，常降级为文本框，失去所有时间选择能力。纯时间场景下，它比手动 text 更不可靠。
真正能稳定支持秒的，只有自定义控件（如基于 input type="range" 或第三方库），或者接受服务端解析字符串——但前端始终得自己把关格式和范围。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
