码迷,mamicode.com
首页 > Web开发 > 详细

html5 Forms

时间:2015-09-12 22:21:31      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:

新的表单特性和函数

placeholder : 输入框提示信息 例子 : 微博的密码框提示

autocomplete : 是否保存用户输入值 默认为on,关闭提示选择off

autofocus : 指定表单获取输入焦点

list和datalist : 为输入框构造一个选择列表 list值为datalist标签的id

required : 此项必填,不能为空 不安全 用户按f12 就可以改

Pattern : 正则验证 pattern="\d{1,5}“ 不安全 用户按f12 就可以改

Formaction 在submit里定义提交地址

表单验证

validity对象,通过下面的valid属性可以查看验证是否通过,如果八种验证都通过返回true,一种验证失败返回false

oText.addEventListener("invalid",fn1,false); ev.preventDefault()

valueMissing : 输入值为空时

typeMismatch : 控件值与预期类型不匹配

patternMismatch : 输入值不满足pattern正则

tooLong : 超过maxLength最大限制

rangeUnderflow : 验证的range最小值

rangeOverflow:验证的range最大值

stepMismatch: 验证range 的当前值 是否符合min、max及step的规则

customError 不符合自定义验证

setCustomValidity(); 自定义验证

Invalid事件 : 验证反馈 input.addEventListener(‘invalid‘,fn,false)

阻止默认验证:ev.preventDefault()

formnovalidate属性 : 关闭验证

html5 Forms

标签:

原文地址:http://www.cnblogs.com/xinup/p/4803719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!