HTML5 拥有多个可供选取日期和时间的新输入类型:
- 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: