第7章-事件处理-表单.ppt

8.3表单(form)对象认识表单对象form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件form对象的属性、方法和事件HTML表单基础定义表单－网页中定义一个表单formmethod=POSTname=form1/form定义表单－网页中定义二个表单formmethod=POSTname=form1 p用户名inputtype=textname=Namesize=20 inputtype=submitvalue=登录name=B1/p/formformmethod=POSTname=form2 p关键字inputtype=textname=Namesize=20 inputtype=submitvalue=查询name=B2/p/form在forms[0]中共有2个基本元素，forms[1]中共有2个基本元素。Form表单对象表示方式formname=“表的名称”target=“指定信息的提交窗口”action=“接收表单程序对应的URL”method=“信息数据传送方式（get/post）enctype=“表单编码方式”[onsubmit=“Javascript代码”]inputtype=“”……/formform表单对象表单对象这样就定义了一个名字叫form1的form对象，该对象包含了一个文本框，文本框中的文字可以用下面方式赋值：formname=form1inputtype=“text”name=“box”size=60/formscriptdocument.form1.box.value=“欢迎访问！”;/script多个表单控件表示Form表单对象的方法表单对象的方法只有submit()方法，该方法的主要功用是实现把表单信息提交到服务器端。如提交mytest表单，则使用下列格式：document.mytest.submit()Form表单对象的属性主要包括elements、name、action、target、encoding、method，除elements外，其他几个均反映了表单中标识相应属性的状态，这通常是单个表单标识；而elements常常是多个表单元素值的数值。例如：elements[0].mytable.elements[1]访问表单对象方法一：通过表单名访问表单。 在表单对象的属性中首先必须指定其表单名，然后就可以通过下列标识访问表单如：document.mytable()方法二：通过数组访问表单。 如：document.forms[0] document.forms[1] document.forms[2]…… form对象表单元素的使用表单元素的使用名称：document.form1.Name索引：document.form1.elements[0]document.getElementById()方法document.getElementById(Name).value=a表单或表单元素的数量document.write(document.forms.length);document.write(document.form1.elements.length);this和this.formthis.form是指向当前对象的form实体的参照。当有多个form存在时，this.form指向的是event发生的对象所指的form实体的参照。例：在鼠标经过按钮时把按钮的名字表示到StatusBar上去。文本对象-text属性defaultValuenametypeValue事件onBluronChangeonFocusonSelect方法Blur()focus()示例：form?name=”myForm”

input?type=”text”?name=”myText”

/form

a?href=#?onClick=window.alert(document.myForm.myText.value);Check?Text?Field/a?文本区域－tex