# 表单
## 构建表单元素
from接口
- reset()
- 可重置元素:input,keygen, output, select, textarea
- 触发表单reset事件,阻止该事件的默认行为可取消重置
- 元素重置时不再触发元素上的change和input事件
- submit()
- checkValidity()
select
- name
- value
- multiple
- options
- selectedOptions
- selectedIndex
- add(element[, before])
- remove([index])
级联下拉选择器
textarea
- @输入提示
- oninput
- selectionStart
- setRangeText
## 验证表单
element.
- willCalidate
- checkCalidity()
- validity
- validationMessage
- setCustomValidity(message)
## 表单提交
隐式提交
满足以下任一条件
- 表单有非禁用的提交按钮
- 没有提交按钮时,不超过一个类型为text,search,url,email,password,date,time,number的input元素
提交过程
- 根据表单enctype指定的值构建要提交的数据结构
- 使用 method 指定的方式发送数据到action指定的目标
编码方式(enctype)
- application/x-www-form-urlencoded(默认)
- multipart/form-data
- text/plain
通用方法
- showMessage
- invalidInput
- showMessage
- node 添加样式
- node focus 焦点
- clearInvalid
- disableSubmit
- 页面制作
- HTML
- 标签
- css
- 选择器
- 文本
- 盒模型
- 背景
- 布局
- 变形
- 过渡和动画
- JavaScript程序设计
- 基础篇
- 基本语法
- 基本类型
- 运算符与表达式
- 语句
- 数值
- 字符串
- 对象
- 数组
- 函数
- Date
- RegExp
- JSON
- 进阶篇
- 类型进阶
- 函数进阶
- 原型
- 变量作用域
- 闭包
- 面向对象
- DOM编程艺术
- 基础篇
- 文档树
- 节点操作
- 属性操作
- 样式操作
- 事件
- 数据通信
- 数据存储
- 动画
- 音频与视频
- canvas
- BOM
- 表单操作
- 列表操作
- 实践篇
- 组件实践
- 页面架构
- CSS Reset
- 布局解决方案
- 居中布局
- 多列布局
- 全屏布局
- 响应式
- 页面优化
- 规范与模块化
- 规范
- 模块化
- 产品前端架构
- 协作流程
- WEB系统
- 角色定义
- 协作流程
- 职责说明
- 接口设计
- 接口规范
- 规范应用
- 本地开发
- 版本管理
- 分支模型
- git
- 技术选型
- 模块化
- 框架
- 开发实践
- 系统设计
- 系统实现
- 测试发布