文档介绍：WEB 应 用 开 发
单元2：网站的规划与设计
任务2：网页设计与制作根底〔html+css+js〕(5)
主 要 内 容
事件
1
访问表单
2
提交、重置表单
3
表单常用方法与事件ntById("form1");
oForm = [0];
oForm = ["form1"];
oForm = ;
二、访问表单
2. 表单对象的常用属性
acceptCharset：设置或获取一个逗号分隔的列表，内容是效劳器可接受的字符集。
action：设置或获取表单内容要发送到并进行处理的URL。
enctype：设置或检索表单的MIME编码方式。默认设置为application/x-www-form- urlencoded，假设要上传文件，那么应设置为multipart/form-data。
id：设置或检索表单的id。
二、访问表单
2. 表单对象的常用属性〔续〕
length：检索表单中的表单域的数目。
method：设置或检索如何将表单数据发送到效劳器。假设设置为GET，那么把表单数据附加到action属性指定的URL上发送；假设设置为POST，那么通过HTTP发布事务发送数据。
name：设置或检索表单的名称。
target：设置或检索表单提交结果的框架或窗口名称。
二、访问表单
3. 表单的集合
elements：包含表单中除<input type=image>外的所有表单域。elements集合的length属性与表单的length属性值相等。
4. 表单的方法
reset()：把表单中的表单域重置为它们的默认值，但不会触发表单的onreset事件。
submit()：用于提交表单，但不会触发表单的onsubmit事件。
表单对象的常用事件
onreset：当重置表单时触发。
onsubmit：当提交表单时触发。
三、访问表单域
在一个表单内可以添加一些表单域，例如按钮、文本框以及列表框等，这些表单域都包含表单的elements集合中。在JavaScript脚本中，，也可以通过表单域的name属性或表单域在elements集合中的索引来访问不同的表单域。用elements集合的length属性可获取表单中包含的表单域数目。
三、访问表单域
通过ID访问表单域
通过索引访问表单域
通过name访问表单域
直接通过name属性来访问表单域：
假设表单域的名称中包含空格，那么需要使用方括号标记：
var oTextBox = ("txtUsername");
var oTextBox = [0];
var oTextBox = ["txtUsername"];
var oTextBox = ;
var oTextBox = ["User name"];
三、访问表单域
表单域的属性、方法和事件
disabled属性：获取或设置表单域是否被禁用。
form属性：获取包含表单域所在的表单。
blur()方法：使表单域失去焦点，并将焦点移到别处。
focus()方法：使表单域获得焦点。
onblur事件：当表单域失去焦点时发生，将执行onblur事件处理程序。
onfocus事件：当表单域获得焦点时发生，将执行onfocus事件处理程序。
四、提交表单
1. 表单提交方式
通过单击提交按钮提交表单：
通过单击图像按钮提交表单：
通过调用表单的submit()方法提交表单：
<input type="submit" value="提交" />
<input type="image" src="" />
<input type="button" value="提交" onclick="();" />
四、提交表单
2. 表单提交目的地
提交给效劳器端处理程序：
提交给JavaScript函数：
通过电子邮件形式提交表单数据：
<form name="form1" id="form1" method="post" action="">
<form name="form1" id="form1" method="post"