如何使用 HTML5 在表单中添加时间选择器？

HTML5提供了一个新的input类型“date”，可以让用户选择日期。那么如何让用户选择时间呢？这时候就可以使用“time”类型了。

示例

<label for="myTime">选择时间：</label>
<input type="time" id="myTime" name="myTime">

效果如下：

选择时间：

注意事项

• input类型“time”在不同浏览器中可能会有一些差异，需要进行兼容性测试。
• 在不支持input类型“time”的浏览器中，将自动转换为类型“text”，需要进行额外处理。
• 可以使用“required”属性进行验证，确保用户输入的时间是合法的。

参考链接

• Input type="time"