表单的处理

         表单的处理
表单
forms数组
在程序中使用多窗体时，建立该数组。
页面上所有<form>元素对象的集合
<form name=”form1”>
<form name=”form2”>
document.forms[0] document.form1
document.forms[1] document.form2表单对象
form是HTML定义的标准表单控件的集合，在特定名的form中可以放进各种表单控件。
 例如：
 <form name=”my_form”>
  <input type=”text” name=”box” size=50>
  ……
 </form>
这样就定义了一个名字叫my_form的form对象，该对象包含了一个文本窗，在JavaScript中文本窗的文字可以用下面的方式赋值：
 document.my_form.box.value=”欢迎访问!”;
表单对象-属性
action 表单数据要发送到的服务器的URL地址
elements 一个数组，存放表单中可访问的元素，比如各种输入域
length 表单中定义的元素个数，也就是elements[]数组元素的个数
method 表单发送数据的方式，其值为get或post
name 表单的名称
表单对象
访问表单对象
在JavaScript中访问表单对象可由两种方法实现
1>通过表单名访问
  document.表单名
2>通过数组访问表单
  document.forms[“表单名”]
  document.forms[表单下标n]
this和this.form
通过this可以得到鼠标扫过的按钮实体的参照
this.form指向的是event发生的对象所指的form实体的参照
表单字段
单行文本框对象
单行文本框在HTML中使用<input type=”text”>标记生成。
单行文本框是HTML表单中使用最多的输入项，它对应于JavaScript中的text对象。
访问表单中单行文本的方法
Document.form1.textfield1.value
Document.forms[i].text1field1.value
Document.form1.element[k].value
密码框
密码框和单行文本框非常相似，不同之处在于，文本框显示用户输入的文字，密码框则无论用户输入什么内容，都显示为星号。
密码框主要用于输入用户登录密码 。
HTML文档中,密码框使用标记<input type=”password”>定义
密码框对应于JavaScript中的password对象，该对象与text对象有相同的属性、事件和方法。
多行文本框
有些时候需要输入大量的文字或多行的文字，这个时候需要使用多行文本框（textarea对象）
单选框
如果在多个选项中选择其中的一个，这时就要使用单选框当选中一个选项后，以前被选中的单选框自动被修改为未选中状态单选框通常成组使用，一个文档中可以包含多组单选框通过单选框的name属性区分单选框位于哪一组中，同一组的单选框拥有相同的name属性。checked属性指定单选框是否被选中
复选框
复选框是一种有多个状态的选项，往往成组使用。但与单选框不同的是，一个复选框是否选中，不影响其他复选框的选中状态。
复选框常用于多项选择。
复选框的对象名称为checkbox，它对应于HTML标记<input type=”checkbox”>。checkbox对象的常用属性、方法和事件与单选框相同。
下拉菜单 
下拉菜单用来显示多个选项供用户选择，用户只需选择其中的一项表单的验证
事件的响应
事件是指某些动作发生时产生的信号，引起事件发生的动作被称为触发事件
表单对象事件
页面事件
表单验证一般使用表单对象事件
响应鼠标事件
单击 -  左键 
onClick()
onMouseDown()
onMouseUp()
双击  
移动  
响应键盘事件
按键事件   onKeyPress()
按键按下事件    onKeyDown()
按键放开事件   onKeyUp()
按一次键、以上三个事件的触发顺序
按下
放开
按键
event对象
JavaScript提供了一个重要对象——event对象
它给出了发生事件时键盘、鼠标、屏幕的详细信息
每当发生事件时，event对象就被传递给事件处理程序