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


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)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页