HTML5表单之Input 类型- Date Pickers(日期选择器)
2013-03-29 00:33
537 查看
HTML5 拥有多个可供选取日期和时间的新输入类型:
date-选取日、月、年
month-选取月、年
week-选取周和年
time-选取时间(小时和分钟)
datetime-选取时间、日、月、年(本地时间)
下面的例子允许我从日历中选一个日期:
eg:
Date:<niput type="date" name="user_date" />
假如
假如输入的是week:
假如输入的是time:
假如输入的是datetime:
假如是datetime-local:
date-选取日、月、年
month-选取月、年
week-选取周和年
time-选取时间(小时和分钟)
datetime-选取时间、日、月、年(本地时间)
下面的例子允许我从日历中选一个日期:
eg:
Date:<niput type="date" name="user_date" />
<!DOCTYPE html> <html> <head><title>xxxx</title> </head> <body> <form action="/example/html5/demo_form.asp" method="get"> <input type="date" name="user_date" /> <input type="submit" /> </form> </body> </html>效果如图:
假如
type="date"date换成输入的是month:
假如输入的是week:
假如输入的是time:
假如输入的是datetime:
假如是datetime-local:
相关文章推荐
- HTML5 Input 类型 - Date Pickers(数据检出器)
- HTML5表单之Input 类型-search
- HTML5 input新增的几种类型(数字、日期、颜色选取、范围)
- HTML5日期输入类型(date)
- [置顶] spring mvc开发接收日期字段表单提交,自动转换成Date类型为什么报错?
- HTML5 input date 类型
- HTML5表单教程之input新增加的几种时间类型
- HTML5 Input 类型,HTML5 表单元素,HTML5 表单属性
- Html5之高级-1 HTML5表单元素(表单简介、input类型、新表单元素)
- 【HTML5入门】java获取util date类型当前系统前一天,当天,后天日期
- HTML5日期输入类型(date)
- jQuery日期选择器插件date-input
- HTML5日期输入类型(date)
- 叼叼叼,HTML5日期(Date)类型和文本(Text)类型互相转换
- HTML5日期输入类型(date)
- html5基础 input email/range... 多种类型的表单
- HTML5日期输入类型(date)
- HTML5日期输入类型(date)
- jQuery日期选择器插件date-input
- HTML5表单之Input 类型-email