html5时间控件的值有多少种

这篇文章将为大家详细讲解有关html5时间控件的值有多少种，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

html5时间控件的值有六种：1、“date”，定义日期控件；2、“time”，定义时间控件；3、“datetime-local”，定义日期时间控件；4、“month”，定义月控件；5、“week”，定义周控件；6、“datetime”。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择。
注意：目前只有Chrome和Opera提供下拉式日历支持，其它浏览器仍是一个普通文本框。

1、日期控件 - date

<input type="date" value="2021-01-17"/>

2、时间控件 - time

<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

3、日期时间控件 - datetime-local

<input type="datetime-local" value="2021-01-17T13:59:59"/>

4、月控件 - month

<input type="month" value="2021-01"/>

5、周控件 - week

<input type="week" value="2022-W02"/>

6、日期时间控件--datetime

<input type="datetime" value="2022-01-17T13:59:59"/>

说明：日期时间控件也支持min和max属性，表示可设置的最小和最大时间

<input type="date" value="2022-01-17" min="2022-01-16" max="2015-01-26"/>

关于“html5时间控件的值有多少种”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。