HTML表单脚本

在HTML中,表单由

标签构成。在javascript中,是由HTMLFormElement类型构成,这个类型继承自HTMLElement类型。

HTMLFormElement类型具有以下单独的属性和方法:

  • acceptCharset: 服务器能够处理的字符集(HTML中的accept-charset)
  • action:请求的URL地址(HTML中的action)
  • method:请求的http类型,是为POST还是为GET(HTML中的method)
  • elements:表单里的所有组件的集合,类型为HTMLCollection
  • length:表单里所有组件的数量
  • enctype:请求编码的类型(HTML中的enctype)
  • name:表单的名称(HTML中表单的name)
  • submit():用编程方式提交表单
  • reset():将表单里所有可填写的组件内容置空
  • target:用于发送请求和接收响应的窗口名字(HTML中的target)

1.document.form属性

可以通过document.form来获取整个页面的form表单,返回一个集合,可以通过数值的索引活着name值来查找特定的表单:

var oneform = document.form[0];

var twoform = document.form[twoform];

2.elements属性

每个表单都会有一个elements属性,里面包含了表单内所有组件的集合,它是一个有序的列表,里面包含了按顺序的组件索引,可以通过数值索引和name值来访问里面的组件。

var oneform = document.form[0];

var oneinput = oneform.elements[0];

3.submit()、reset()

可以通过编程方式提交表单,在表单的引用上调用submit()方法可以提交表单,但是不触发submit事件。相对于reset()方法,可以通过调用执行置空,但是它会触发reset事件。

4.focus()、blur()方法

focus()方法用户将浏览器的焦点设置到当前表单组件,而blur()方法则是将当前表单组件的焦点移开。

5.表单字段事件

  • blur:当组件失去焦点的时候触发事件
  • change:值产生变化的时候触发事件
  • focus:当组件获得焦点的时候触发事件

6.select()方法、select选择事件、selectionStart、selectionEnd

在和