原生 不支持快捷设为当前时间，需用 javascript 手动设置 input.value 为格式化后的 "hh:mm"（推荐 padstart），若需秒级精度则必须添加 step="1" 属性。
原生 <input type="time"> 不支持快捷设为当前时间
浏览器原生的 <input type="time"> 只提供滚动选择或手动输入，没有 API 或属性能直接插入“当前时间”按钮。这是规范限制，不是你漏写了某个属性。
常见错误是试图用 valueAsDate 或 defaultValue 在页面加载时设值——这只能初始化默认值，无法响应点击按钮并实时更新输入框。
用 JavaScript 手动设置 value 是最轻量解法
监听按钮点击，获取当前时间，格式化为 "HH:MM"（注意：必须是 24 小时制、两位数补零），再赋给 input.value。
-
new Date().toTimeString().slice(0,5)看似方便，但受系统时区和本地化影响，可能返回"09:30"或"9:30"，不可靠 - 推荐用
String.prototype.padStart()显式格式化：const now = new Date();<br>const timeStr = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}`;<br>input.value = timeStr; - 如果需要秒级精度，加上
:${now.getSeconds().toString().padStart(2, '0')}，但注意原生type="time"默认不显示秒（除非加step="1"）
注意 step 属性对秒的支持
若想让输入框支持秒选择并正确接受 "HH:MM:SS" 格式，必须显式设置 step="1"，否则浏览器会忽略秒部分或报验证失败。
- 没加
step="1"时，设input.value = "14:30:45"→ 实际读取仍为"14:30" - 加了
step="1"后，input.value才能完整保留秒，并允许用户手动滚动选秒 - 兼容性没问题：Chrome/Firefox/Safari 均支持
step用于time类型
按钮样式和可访问性别忽略
纯功能按钮容易被键盘用户或屏幕阅读器忽略。
- 务必加
type="button"，避免触发表单提交 - 加
aria-label="设为当前时间"，让辅助技术可识别意图 - 用
input.addEventListener('focus', ...)或input.focus()在设值后聚焦输入框，保持操作流连贯 - 不要用
<button>现在</button>这类无上下文文案，用户不知道“现在”指什么
step 和格式化逻辑的耦合：设了当前时间却看不到秒，第一反应常是 JS 写错了，其实只是 input 拒绝接收秒字段。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
