第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绘图
1.取得上下文：getContext("2d")
2.导出画布：toDataURL()
3.填充和描边：fillStyle和strokeStyle
4.绘制矩形：fillRect()，strokeRect()，clearRect()
5.绘制路径：beginPath()
设计路径arc()，lineTo()，moveTo()
描绘路径closePath()，fill()，stroke()，clip()
确定某一点是否在路径上isPointInPath()
6.绘制文本：fillText()，strokeText()，textAlign，textBaseLine，measureText().width
7.变换：translate()，rotate()，save()和restore()
8.绘制图像：drawImage()
9.渐变：createLinearGradient()，addColorStop()，createRadialGradient()
10.模式：createPattern()
11.合成：globalAlpha，globalCompositionOperation