js高程笔记14-15章

标签：

第14章 表单脚本

1.提交表单：

　　<input>和<button>标签type设置成submit

　　<input>标签type设置成image

　　以上方式提交表单会触发submit事件

　　使用js：form.submit()也可以提交，但不触发事件

　　可以利用事件验证表单内容和避免重复提交（不能用click触发）

2.重置表单：form.reset()

3.表单elements属性：是所有表单字段的集合

　　表单字段属性：disabled，form，type，name，value

　　表单字段方法：focus()和blur()

　　表单字段事件：blur，change，focus

4.文本框脚本：<input>和<textarea>，用户内容保存在value属性中

　　select()方法：选中文本框所有文本（增加易用性）

　　取得部分文本：setSelectionRange()

　　屏蔽字符：利用keypress事件检测字符编码

　　操作剪切板：beforecopy，copy，beforecut，cut，beforepaste，paste

　　自动切换焦点：判断输入是否等于maxlength

5.HTML5表单约束：

　　必填：required

　　其他<input>类型：email，url，date。。。

　　数值范围：min和max特性

　　输入模式：pattern特性

　　检测有效性：checkValidity()和validity属性

　　禁用验证：novalidity属性

6.选择框脚本：

　　选择框的value属性，如果选中项已指定value特性，则取特性，否则取选中项文本

　　选择框change事件只要选中了选项就会触发。但其他表单字段在值被修改且焦点离开时触发

　　访问选中项：selectbox.selectedIndex属性

　　添加选项：selectedbox.add()

　　移除选项：selectedbox.remove()

　　移动和重排：appendChild()，insertBefore()

　　表单序列化：P436

　　富文本编辑：document.designMode属性，contenteditable特性

第15章 Canvas绘图

js高程笔记14-15章

标签：

原文地址：http://www.cnblogs.com/little-jelly/p/5764213.html