表单与JS

HTML表单提供多种接收输入的方法，有单选按钮、多选框、弹出菜单、隐藏字段及文本框等，这些都叫作虚拟输入设备或控件。

用户完成表单的填写后，输入信息通常会被发送到服务器，数据交由服务器端的程序（由表单action属性指定src）来处理。服务器端的程序有java servlet、CGI、asp.net、php等；

表单数据并不总是需要发送到服务器程序。JS也可以将这些数据传递给函数、cookie等；

表单的method属性指明了表单数据发送给服务器的方式。对于纯查询来说可以使用Get方法，而对于需要提交表单数据的情况则使用post方法；

Get方法是默认的，通过将数据附加到URL后面（也叫查询字符串，query string)来将数据传递到服务器。查询字符串是一个由名/值对组成的URL封装字符串，查询字符串前使用问号与URL分割。当用户单击表单上的提交按钮后，就可以在浏览器的地址栏中看到查询字符串。如url?xxx=sss&xxx2=sss2&…

表单相当于字段、变量、数组的定义与赋值；

post方法适用于处理那些可能改变服务器状态的操作。例如从数据库中添加或删除记录、上传文件、发送电子邮件等。

表单的提交方法

1 使用submit按钮；

2 使用图片按钮；

3 使用JS提交表单（事件处理函数）：onClick,onSubmit,onReset(清除表单的输入设备或终止清除操作）；

3.1 onClick事件处理函数是HTML submit或button输入类型的一个属性；

3.2 onSubmit事件处理函数是<form>标签的一个属性；

3.3 onReset事件处理函数是<form>标签的一个属性；用户可以使用HTML重置(reset)按钮清除表单字段并将期返回到默认值。JS中可以设置onReset事件处理函数来接受或拒绝重置操作。

button按钮与submit按钮

如果不需要将表单数据提交到服务器，那么就可以使用button输入类型来替代submit按钮。Button对象没有默认行为且可以用作触发设备使用，在用户单击按钮后，它可以触发某些操作。onClick事件处理函数通常可以与按钮一起使用，

submit() and reset()方法

这两个方法可以模拟相同名字的事件处理函数：

<a href="#" onClick="JavaScript:myForm.submit();">click here to submit this form</a>