第14章表单脚本

??????

14.1 表单的基础知识

?????? 在HTML中，表单是由<form>元素来表示的，而在JavaScript中，表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement，因而与其他HTML元素具有相同的默认属性。不过，HTMLFormElement也有它自己下列独有的属性和方法。

?????? （1）acceptCharset：服务器能够处理的字符集；等价于HTML中的accept-charset特性。

?????? （2）action：接收请求的URL；等价于HTML中的action属性。

?????? （3）elements：表单中所有控件的集合（HTMLCollection）。

?????? （4）enctype：请求的编码类型；等价于HTML中的enctype特性。

?????? （5）length：表单中控件的数量。

?????? （6）method：要发送的HTTP请求类型，等价于HTML的method特性。

?????? （7）name：表单的名称；等价于HTML的name特性。

?????? （8）reset()：将所有表单域重置为默认值。

?????? （9）submit()：提交表单。

?????? （10）target：用于发送请求和接收响应的窗口名称；等价于HTML的target特性。

14.1.1 提交表单

?????? 用户单击提交按钮或图像按钮时，就会提交表单。

?????? 在JavaScript中，以编程方式调用submit()方法也可以提交表单。而且，这种方式无需表单包含提交按钮，任何时候都可以正常提交表单。

?????? 在以调用submit()方法的形式提交表单时，不会触发submit事件，因此要记得在调用此方法之前先验证表单数据。

?????? 解决重复提交表单问题的方法：在第一次提交表单后就禁用提交按钮，或者利用onsubmit事件处理程序取消后续的表单提交操作。

14.1.2 重置表单

?????? 在用户单击重置按钮时，表单会被重置。

?????? 用户单击重置按钮重置表单时，会触发reset事件。

??????