avascript第十三讲表单对象和表单元素

avascript第十三讲表单对象和表单元素

ID:39303119

大小:295.61 KB

页数:22页

时间:2019-06-30

avascript第十三讲表单对象和表单元素_第1页
avascript第十三讲表单对象和表单元素_第2页
avascript第十三讲表单对象和表单元素_第3页
avascript第十三讲表单对象和表单元素_第4页
avascript第十三讲表单对象和表单元素_第5页
资源描述:

《avascript第十三讲表单对象和表单元素》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第十三讲:表单对象和表单元素讲师:杨兴e-mail:jtclass@163.comhttp://www.bb888888.com/课程内容安排表单对象概述表单对象的应用表单元素文本框按钮表单对象概述表单对象介绍表单就是

之间部分。一个表单一般由三个基本组成部分组成:表单标签、表单域和表单按钮。它是域、按钮、文本、图像和其他元素的容器。一个表单对象代表了HTML文档中的表单,由于HTML中的表单会由很多表单元素组成,因此form对象也会包含很多子对象。JavaScript会为每个
标签创建一个form对象,并将这些form对象存放在form

2、s[]数组中。因此,可以使用以下代码来获得文档中的form对象。document.forms[i]表单对象概述大小写的转换大小写转换也是一个比较常见的技术,通常在网页中需要处理大小写的问题,比如在输入验证码的时候,假若不要求大小写,就可以统一转化成大写或小写。将小写转换成大写的方法是toUpperCase,将大写转换成小写,则用toLowerCase方法。01functionsetCase(caseSpec)//自定义处理大小写转换的函数02{03if(caseSpec=="upper")//判断是否是转换成大写04{05document.myForm.firstName

3、.value=document.myForm.firstName.value.toUpperCase();06document.myForm.lastName.value=document.myForm.lastName.value.toUpperCase();07}08else{//转换成小写09document.myForm.firstName.value=document.myForm.firstName.value.toLowerCase();10document.myForm.lastName.value=document.myForm.lastName.val

4、ue.toLowerCase()11}12}表单对象概述提交表单和重置表单reset和submit。这两个方法类似于单击了“重置”和“提交”按钮。其中reset相当于重置按钮,sumit相当于提交按钮。0405functionSubmit()//自定义函数06{07form1.submit();//提交表单的方法08alert("提交成功");//提示用户信息09}10functionReset()//自定义函数实现重置11{12form1.reset();//重置表单的方法13}14表单对象概述

5、响应表单的提交和重置前面讲了表单的提交和重置。现在来考虑,当一个表单按下提交或重置后,它是怎样来响应提交和重置的。其实也是很简单,只要运用form对象的两个事件onreset(重置时触发事件)和onsubmit(提交时触发事件)就可以了。示例如下:0102functionallowReset()//自定义函数用于设置数据03{04returnwindow.confirm("确定重置吗?");//响应onReset事件05}06functionallowSend()//自定义函数用于发送数据07{08returnwi

6、ndow.confirm("确认发送吗?");//响应onSubmit事件09}10表单对象概述1112name:

13address:

14city:

7、e="city">

1516

17同意

181920表单对象的应用表单验证JavaScript常用的功能之一就是表

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。