html5日期选择框格式

一.HTML5新增表单类型

1.邮箱类型表单

如果输入的格式不符合邮箱形式，则会报错：

2.电话类型表单

在PC端，跟一般的form没什么区别，在移动端，只要是type为’tel’，键盘会自动弹出来。3.url类型表单

跟邮箱类型类似，会自动判断是否是网址类型。

4.可删除的表单

方便用户直接删除输入的值。5.数字表单

可用于选择数字，只能填数字，填字母无效。6.时间表单

PC端是datetime-local，移动端是datetime。可以让用户选择日期。
date显示日期，time显示时间。week代表周

二.HTML5表单属性

1.autofocus和required

autofocus浏览器会自动聚焦该输入框。

添加了required，若不填写信息，则会提示无法提交。

2.pattern

patterm里面写正则表达式的验证标准。

该例子是数字且长度为1-5，如果不符合标准。

3.formaction

action表示提交到的后台地址，这里以百度测试，当想改变某个input的提交地址时，可以用formaction。三.HTML5表单验证

只有submit时验证失败时会触发这个事件，打印的是保存的原因，是该原因则为true。一般只有前面三个有用，后面四个基本没用，因为当maxlength设置了之后，输入值根本不可能超过该长度，也就不可能是因为这个原因报错,滑块同理也不可能因为该原因报错。

最后一个为用户自定义验证。

当输入值为‘hjh’时，提交就可以触发用户自定义验证。
else里面不写任何值，表示其他数据放行。