color:用于指定颜色的控件。
date:用于输入日期的控件(年,月,日,不包括时间)。
month:用于输入年月的控件,不带时区。
week:用于输入一个由星期-年组成的日期,日期不包括时区
time:用于输入不含时区的时间控件。
datetime:基于UTC时区的日期时间输入控件(时,分,秒及几分之一秒)。
datetime-local:用于输入日期时间控件,不包含时区。
email:用于应该包含 e-mail 地址的输入域。在提交表单时,会自动验证 email 域的值。
number: 用于应该包含数值的输入域。只能输入数字
range:用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。
search:用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
tel:用于输入电话号码的控件。在移动端输入会显示数字键盘,PC端无效果
url:用于编辑URL的字段。
<input type="date">这就会自带日期控件了。。。HTML5 拥有多个供选择日期和时间的新的输入类型:
date - 选择日、月、年
month - 选择月、年
week - 选择周、年
time - 选择时间(时、分)
datetime - 选择时间、日期、月、年(UTC 时间)
datetime-local - 选择时间、日期、月、年(本地时间)
你可以试试不同类型出来的效果,,
如果想要更好看的,那只能去搞个jquery的日期控件来用了,毕竟做得比较成熟,,
但是个人还是很喜欢html5这个新属性,,一句短短的就搞定了,,
不过有一个不好处就是,不同的浏览器渲染出来的效果有些差别。。。。