如何使input type="time"控件仅显示00:00？

原生的time类型输入控件默认支持用户修改时间，要实现仅显示00:00的效果，可根据需求选择以下几种方法：

方法1：添加disabled属性 #

禁用控件后，用户无法编辑，控件会固定显示00:00，但表单提交时不会携带该字段的值：

<input class="form-control" type="time" value="00:00" required disabled>

方法2：添加readonly属性 #

设置只读属性后，用户无法编辑控件内容，表单提交时会正常携带该字段的值，控件样式也不会变灰：

<input class="form-control" type="time" value="00:00" required readonly>

方法3：JavaScript强制限制值 #

如果需要保持控件可交互（允许用户点开时间选择器），但最终值强制为00:00，可通过监听change事件实现：

<input class="form-control" type="time" value="00:00" required id="fixedTime">
<script>
document.getElementById('fixedTime').addEventListener('change', function(e) {
  e.target.value = '00:00';
});
</script>

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