如何不使用JavaScript将HTML time输入框格式设置为mm:ss

不存在无需JavaScript就能将原生time输入框格式修改为mm:ss的实现方式。

• 原生<input type="time">的显示格式由浏览器内核逻辑、用户操作系统的区域时间设置共同决定，HTML标准本身没有提供自定义该控件显示格式的开放属性，官方文档中也无对应配置入口。该控件的设计定位是选择「一天内的时刻」，默认逻辑始终围绕小时+分钟维度，本身就不是为分秒级时长选择场景设计的。
• 有部分方案提到给time输入框设置step="1"属性，这个配置只会把控件的选择精度调整到秒级，不会改变控件默认展示的hh:mm基础格式，依然会保留小时选择维度，无法满足纯mm:ss的需求。
• 如果完全不想引入JavaScript，可以用两个数字输入控件组合模拟分秒选择，无需额外脚本就能实现基础的输入范围限制：

<!-- 分秒选择组合，无JS依赖 -->
<label>
  分钟：<input type="number" name="duration_min" min="0" max="59" required>
</label>
<label>
  秒：<input type="number" name="duration_sec" min="0" max="59" required>
</label>

表单提交后在后端拼接两个字段的值，就能得到标准的mm:ss格式时长数据。

• 如果要求单输入框的交互形式，就必须借助JavaScript自定义输入逻辑、拦截渲染原生控件的展示内容，没有纯HTML的静态实现路径。

内容的提问来源于stack exchange，提问作者PhanDC