HTML5学习笔记（二）

HTML5表单设计

1、新增类型

<input type="email">

email

url

search(和text的区别在于输入框有叉)

number(max和min配合可以实现日历)

telephone number(正则匹配式为^\d{3}-\d{8}|\d{4}-\d{7}$)

range（改变颜色）

color

日期：date/month/week/time/datatime/datatime-local

2、新增属性

autocomplete：自动完成 on/off

autofocus：自动获取焦点

disabled

form

list

multiple：输入区域选择多个值

min/max/type

placehold：显示提示信息

pattern：正则匹配

required：判断是否为空

readonly：不接受焦点也不能编辑

3、新增元素

datalist

keygen：生成秘钥

optgroup：对不同类型进行分组

4、提交的验证

自动验证:required/max/min/step

显示验证：checkValidity()

自定义验证：setCustomValidity（）

取消验证：novalidate=”true“