JavaScript 表单属性、方法#

对象属性，方法#

• acceptCharset：服务器能够处理的字符集，等价于 HTML 中的 accept-charset
• action：接受请求的 URL，等价于 HTML 中的 action 特性
• elements：表单中所有控件（HTMLCollection）
• enctype：请求编码类型
• length：表单中控件的数量
• method：要发送的 HTTP 请求类型，通常是 get、post
• name：表单名称
• target：用于发送请求和接收响应的窗口名称
• reset()：讲所有表单域重置为默认值
• submit()：提交表单

1<form action="" novalidate></form>

1novalidate = true // 禁用验证

获取元素#

1document.forms[0];// 获取页面中的第一个表单
2document.forms['username'];// 获取页面中的 name 为 username
3
4form.pass; // 获取表单中 name 属性为 pass
5form.elements[0];// 取得表单中第一个字段
6form.elements.['textbox1'];// 取得 name 为 textbox1 的字段
7form.elements.length;// 取得表单包含字段的数量

事件#

事件也对应的有方法，form.submit() 为提交

• 表单事件
  • input：value 值发生改变
  • onpropertychange: IE value 值改变时
  • blur：失去焦点
  • focus：获取焦点
  • select：输入框中文本被选中触发
  • change：当输入框被修改 且 失去焦点

必须添加到 form 表单元素上

• submit：点击 submit 按钮才触发
• reset：点击 reset 按钮才触发

字段属性#

共有字段属性

• disabled：布尔值，表示当前字段是否被禁用
• form：指向当前字段所在的表单，只读
• name：当前字段名称
• readOnly：布尔值，表示当前字段是否只读
• tabIndex：表示当前字段 tab 序号
• type：当前字段类型
• value：当前字段将被提交给服务器的值