from表单验证_form表单快速检测

from

1.action URL后台交互 method placeholder灰色字

2.提交文件 enctype =“mlutipart/from-data” input type =“file”

3.下拉框的提示 input list=“tips” dataList id=“tips” option value=“”

4.required 必填

5.autocomplete =“off” on 下面的联想

6.pattern 正则：^开头 /d｛5｝五个数字[任意字母］$结尾

7.焦点autofocus

8.novalidate 表单上不验证 type submit 按钮上fromnovalidate验证

9. label for=“man”

input type radio name=“sex” id=“man”

10.h5约束验证 API

willValidate属性：不符合返回false

validity属性：验证状态 validityState对象

validationMessage属性：失败信息

checkValidity（）方法 符合返回ture可写自定义信息

setCustomValidity（）方法设置自定义提示信息

11.search里的伪元素style input［type=“search”］：：

- webkit- search- cancel- button｛

- webkit- appearance：none｝

取消谷歌pc端自带的差号样式

移动端用div的绝对定位

12.number max 和min step保留两位小数0.01

maxlength不可用

用js oninput实时监听事件 函数里用obj 和length obj.value=obj.value.substr（0，length）

this =obj

13.number里的伪元素 取消上下增减

input［type=number］：：- webkit- inner-spin- button，- webkit- outer-spin- button｛

- webkit- appearance：none；

margin：0；

｝

14.h5自带验证美化

常见伪类1.：required ：optional选填

2.：in-range ：out -of -range 范围-最值大小r

3.valid和 invalid 符合和不符合验证

4.：read-only ：read- write也可匹配div的contenteditable属性可写的