前言：
现时朋友们对“html显示时间”可能比较讲究，朋友们都需要知道一些“html显示时间”的相关资讯。那么小编在网摘上搜集了一些关于“html显示时间””的相关内容，希望大家能喜欢，各位老铁们快快来学习一下吧！传统的时间选择，早已不能满足现代的体验和需求，在HTML5里早已经有一套很成熟的原生时间选择控件，在体验上更佳，尤其是手机端，会直接调用系统级的时间组件。
目标
如何设置时间类表单元素？时间选择表单元素
可以快速选择时间、日期、月份等。在各大网站的表单里普遍使用。
传统的时间选择
日期控件--date
通过type="date"
可以快速选择日期
<input type="date" />
日期控件
PC端
手机端
时间控件-- time
通过type="time"
快速选择时间
<input type="time" />
时间控件
pc端
手机端
月份控件--month
通过type="month"
快速选择月份
<input type="month" />
月份控件
pc端
手机端
周控件--week
通过type="week"
快速选择周
<input type="week" />
周控件
pc端
手机端
日期时间控件--datetime-local
通过type="datetime-local"
选择时间和日期
<input type="datetime-local" />
日期时间控件
pc端
手机端
总结
思维导图
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #html显示时间
