HTML5 Input 类型 - Date Pickers（数据检出器）

HTML5提供的input新的输入类型，这些类型可以更好地帮我们输入控制和验证

下面给大家介绍一下新的类型大概有那些：

　　emial　　用于验证邮箱的正确格式，可以为空,在提交表单时自动验证

　　Url　　用于包含URL地址输入的输入域验证

　　number　　包含数值的输入域，以下是数字类型的属性用于限定输入的数值类型

　　　　max number 规定允许的最大值

　　　　min number 规定允许的最小值

　　　　step number 规定合法的数字间隔，表示规定数值的倍数，比如step=2，那么输入0,2，-2都是合法的

　　　　value number 规定默认值

　　range 这个则是验证一定范围的输入域，限定类型和number是一样的。

　　　　　　<input type="range"  min="1" max="10" />

　　Date pickers  数据检出器(官方语言)，是否还在为文本输入时间到处找控件，是否还在用各个JS插件的时间验证控件，如果记住下面的控件，我想都能解决

　　　　　　 date - 选取日、月、年
　　　　　　month - 选取月、年
　　　　　　week - 选取周和年
　　　　　　time - 选取时间（小时和分钟）

　　　　　　datetime - 选取时间、日、月、年（ UTC 时间）
　　　　　　datetime-local - 选取时间、日、月、年（本地时间）

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

　　　　　　你仅仅只需要改变文本框的type类型，所有的时间你都会搞定！把时间装在自己的手中

好了，今天介绍的文本框类型就是这么多了，大家有什么好的思路和方法可以评论，让我们斟酌斟酌，共同学习，共同进步！西红柿_炒番茄

转载于:https://www.cnblogs.com/lwyu/p/4483292.html