HTML5 Input 类型 - Date Pickers(数据检出器)
2015-05-06 21:35
288 查看
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类型,所有的时间你都会搞定!把时间装在自己的手中
好了,今天介绍的文本框类型就是这么多了,大家有什么好的思路和方法可以评论,让我们斟酌斟酌,共同学习,共同进步!西红柿_炒番茄
下面给大家介绍一下新的类型大概有那些:
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类型,所有的时间你都会搞定!把时间装在自己的手中
好了,今天介绍的文本框类型就是这么多了,大家有什么好的思路和方法可以评论,让我们斟酌斟酌,共同学习,共同进步!西红柿_炒番茄
相关文章推荐
- HTML5表单之Input 类型- Date Pickers(日期选择器)
- HTML5 input date 类型
- hibernate对象映射Date数据类型和input datetime使用注意事项
- hibernate对象映射Date数据类型和input datetime使用注意事项
- oracle中Date类型字段数据插入格式
- java.sql.SQLException: ORA-00932: 数据类型不一致: 应为 DATE, 但却获得 BINARY 解决
- 使用注解格式化date类型的数据
- 图说——基本数据类型及其封装类、字符串、Date\Calendar\SimpleDateFormate
- javascript验证html5自带input type="date"用户输入日期过期的方法
- HTML5中input标签新增的类型
- SpringMVC接收java.util.Date类型数据的2种方法
- HTML5 input元素类型:email及url介绍_html5教程技巧
- html5-Input类型
- MySQL数据类型 DATETIME和 DATE
- HTML5 新的 Input 类型
- redis学习(二)redis数据类型 Date Types
- java中API中数据类型包装类(Integer),System,Runtime,Date
- 如何获取sql数据中时间的月份、年份(类型date)
- HTML5中的input元素的输入类型(type属性的取值)
- date类型数据格式问题