码迷,mamicode.com
首页 > Web开发 > 详细

input在HTML5中的六种时间类型应用教程

时间:2014-08-25 18:50:44      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:style   http   color   使用   strong   数据   html   时间   sp   

【转自e良师益友网】HTML5每日坚持一练:今天介绍一下input在HTML5中的6种时间类型的应用,你可以自己尝试编出实例的哦

1、Date类型

bubuko.com,布布扣

如果在之前,我们使用js+css+dom才能实现日历选择日期的效果,在HTML5中,我们只需要设置input为date类型即可,提交表单的时候也不需要我们验证数据了,它已经帮我们实现了。

2、Time类型

bubuko.com,布布扣

此类型是一个专门用来输入时间的文本框,在提交的时候检查是否输入了有效的时间。

3、DateTime类型

bubuko.com,布布扣

datetime类型的input元素是专门用来输入UTC日期和实践的文本框,在提交的时候,对日期和时间进行有效的检查。

4、DateTime-Local类型

bubuko.com,布布扣

此类型与datatime类型差不多,只不过是用来输入本地的日期和时间。

5、Month类型

bubuko.com,布布扣

month是一种专门输入月份的文本框,在日历中,你只能选择某一个月,不能选择某一天。

6、Week类型

bubuko.com,布布扣

week是专门用来输入周(星期)的文本框,W后面所跟的数字表示此周是当年的第几个星期。在日历中只能选择一周,同样不能选择某一天。

每天坚持一练,HTML5不再是难题,想了解更多HTML教程知识就登录e良师益友网。

input在HTML5中的六种时间类型应用教程

标签:style   http   color   使用   strong   数据   html   时间   sp   

原文地址:http://www.cnblogs.com/yuguotianqing/p/3935358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!