欢迎来到天天文库
浏览记录
ID:39303119
大小:295.61 KB
页数:22页
时间:2019-06-30
《avascript第十三讲表单对象和表单元素》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第十三讲:表单对象和表单元素讲师:杨兴e-mail:jtclass@163.comhttp://www.bb888888.com/课程内容安排表单对象概述表单对象的应用表单元素文本框按钮表单对象概述表单对象介绍表单就是
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">15男16女17同意181920
13address:14city:7、e="city">15男16女17同意181920
14city:7、e="city">15男16女17同意181920
7、e="city">
15男16女17同意181920
17同意181920
181920
此文档下载收益归作者所有