datetime类型元素

在HTML5中,新增了时间输入类型datetime,其含义为选取时间、日、月、年(UTC时间)。UTC是协调世界时,又称世界统一时间、世界标准时间、国际协调时间。由于中国采用的是第8时区的时间,所以中国及其他亚洲国家大都会采用UTC 8的时间。

datetime属性的代码格式如下。

<input type="datetime" name="user_date"/>

(1)编辑代码

打开记事本,编写代码,在<body>标签中加入以下代码。并保存为HTML格式文件。


html datetime如何赋值(HTML表单datetime和datetime-local高级元素的使用)(1)

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示,用户可以在表单中输入标准的datetime格式,然后单击【提交】按钮。


html datetime如何赋值(HTML表单datetime和datetime-local高级元素的使用)(2)

datetime-local类型元素

在HTML5中,新增了时间输入类型datetime-local,其含义为选取时间、日、月、年(本地时间)例如,中国使用的datetime-local就是第8时区的时间。

datetime-local属性的代码格式如下。

<input type="datetime-local" name="user_date"/>

(1)编辑代码

打开记事本,编写代码,在<body>标签中加入以下代码。并保存为HTML格式文件。


html datetime如何赋值(HTML表单datetime和datetime-local高级元素的使用)(3)

(2)在浏览器中浏览效果

在浏览器中浏览效果如图所示,用户可以在表单中输入标准的datetime-local格式,然后单击【提交】按钮。


html datetime如何赋值(HTML表单datetime和datetime-local高级元素的使用)(4)


html datetime如何赋值(HTML表单datetime和datetime-local高级元素的使用)(5)

,