HTML5表单教程之input新增加的六种时间类型
HTML5表单教程之input新增加的六种时间类型
今天介绍⼀下input在HTML5中新增加的时间类型的应⽤，如果在以下这⼏种输⼊框中输⼊的格式不正确，是⽆法提交的。
注意：此种类型的input在Opera10+中效果为佳，Chrome中效果不是⼗分好，外观取决于
1、Date类型：
如果在之前，我们使⽤js+css+dom才能实现⽇历选择⽇期的效果，在HTML5中，我们只需要设置input为date类型即可，提交表单的时候也不需要我们验证数据了，它已经帮我们实现了。
运⾏效果如下图：
2、Time类型：
此类型是⼀个专门⽤来输⼊时间的⽂本框，在提交的时候检查是否输⼊了有效的时间。
运⾏效果如下图：
3、DateTime类型：
datetime类型的input元素是专门⽤来输⼊UTC⽇期和实践的⽂本框，在提交的时候，对⽇期和时间进⾏有效的检查。
运⾏效果如下图：
4、DateTime-Local类型：
此类型与datatime类型差不多，只不过是⽤来输⼊本地的⽇期和时间。
运⾏效果如下图：
5、Month类型：
month是⼀种专门输⼊⽉份的⽂本框，在⽇历中，你只能选择某⼀个⽉，不能选择某⼀天。
运⾏效果如下图：
css最新6、Week类型：
week是专门⽤来输⼊周（星期）的⽂本框，W后⾯所跟的数字表⽰此周是当年的第⼏个星期。在⽇历中只能选择⼀周，同样不能选择某⼀天。
运⾏效果如下图：
HTML5在此⽅⾯做的还算⽐较完善了，⾄于样式的定义，欢迎⼤家讨论！
本⽂由收集改动或原创⼁www.sitejs | 转载请标明出处

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。