表单是实现动态网页的一种主要的外在形式，可以收集在客户端用户提交的信息，是实现网站互动功能的重要组成部分。

Form对象代表了HTML文档中的表单，因为表单对象是由表单元素组成的，因为Form对象也包含多个子对象

一个HTML文档中可能会包含很多标记，JS会为每个标记创建一个Form对象，并存储到一个forms[]数组中。

在操作form对象之前首先要确定要访问的表单，有三种访问表单的方式，比如我们定义了一个表单：

每个表单都是一个表单元素的聚集，访问表单元素也是三种方式，拿上面的表单代码来看一下：

下表列出了表单对象的属性：

表单对象只有两个方法：

表单对象的事件只有两个，与两个方法类似：

文本框主要包含单行文本框和多行文本框两种，多行的又叫做文本域，密码框被看成是一种特殊的单行文本框（输入的时候以*显示）。

无论哪种文本框他们的属性和方法大多都是相同的，

下表列出了文本框常用属性及说明：

下表给出了文本框的常用方法及说明：

步骤1： 设计登录界面，用HTML写一个下面的简单的表单（HTML不再给出）

步骤2： 写JS脚本来判断用户名和密码是否为空：

步骤3： 绑定按钮提交和重置所响应的方法

效果如下：

步骤1： 写好表单，向表单里面添加一个单行文本框一个多行文本框

步骤2： 开始写JS代码

步骤3： 向表单中的和添加onBlur（当焦点失去执行指定方法）事件：

效果如下：

按钮分为三种，分别是：

但是，无论哪一种按钮，他们都具有相同的属性和方法

下表展示了按钮的属性：

下面展示了按钮的一些方法：

步骤1： 在HTML文档中写入一个表单，包含三个文本框~，然后添加两个按钮和一个隐藏域按钮，展示HTML部分代码：

步骤2： 编写JS代码，代码如下：

效果如下：

单选按钮用于进行单一的选择，在页面中以圆框的表示；复选框能够进行多项选择，在页面在以一个方框表示。单选按钮和复选框一般情况下会以组的形式出现在页面中。创建单选按钮组或者复选框组只需要将所有单选按钮或所有复选框的name属性值设置为一致即可。

单选按钮和复选框虽然在功能上不相同，但是他们的属性和方法几乎相同

下表列出了单选按钮和复选框常用的属性：

下标列出了单选按钮和复选框一些常用方法：

步骤1： 设计如效果图所示表单。

步骤2： 定义getInfo()函数，在函数中湖片区用户信息，代码如下：

步骤2： 写JS代码：

效果如下：