JavaScript程序设计教程 第8章 表单.pdf
《JavaScript程序设计教程 第8章 表单.pdf》由会员分享,可在线阅读,更多相关《JavaScript程序设计教程 第8章 表单.pdf(31页珍藏版)》请在咨信网上搜索。
1、第8章表单I 8.1表单基础OO 8.2表单验证OO8.3 实战OO8.4 小结O1 8.1表单基础在H TML中,表单是由form元素来表示的,而在JavaScript中,表单对应的则是H TMLFormElement类型。H TMLFormEleiiient继 承了H TMLElement,因而与其他H TML元素具有相同的默认属性。不 过,H TMLFormElement也有它自己下列独有的属性和方法。acceptCharset:服务器能够处理的字符集,等价于H TML中的A accept-char set 特性。action:接收请求的URL,等价于H TML中的act ion特性。q
2、 elements:装举由所有控件的集合。1 enctype:请求的编码类型,等价于H TML中的enctype特性。OoO length:表单中控件的数量。method:要发送的H TTP请求,通常是“get”或“post”,等价于H TML的method特性。name:表单的名称,等价于H TML的name特性。resetO:将所有表单域重置为默认值。submit():提交表单。target:用于发送请求和接收响应的窗口名称,等价于 H TML 的 target 特性。og.”提委表单Q用户单击提交按钮或图像按钮或者用户在最后一个输入框 按回车键时,就会提交表单。这是浏览器默认的表单提交方
3、式oOOOOQ使用1.叩成或1311此011都可以定义提交按钮,只要将其 type特性的值设置为“submit”即可,而图像按钮则是通过将 input的type特性值设置为“image”来定义的。因此,只要单击以下代码生成的按钮,就可以提交表跖input type=submit value=Submit Form)/通用提交按钮Submit Form/自定义提交按钮 p /图像按钮1 只要表单中存在上面列出的任何一种按钮,那么在相应表单控件拥有焦点的情况下,按回车键就可以提交该表单。(o textarea是一个例外,在文本区中回车会换行。)如果表单里 没有提交按钮,按回车键不会提交表单。用提交
4、按钮或者图像按钮的方式提交表单可以在表单提交 到服务器之前响应form本身的onsubmit事件,对表单做控制 Oo oQo/7.2W及表单T 在用户单击重置按钮时,表单会被重置。使用type特性值为“reset”的input)或button都可以创建重置按钮,如下 面的例子所示。input type=reset value=Reset Form/通用重置按钮;Reset Form/自定义重置按钮 这两个按钮都可以用来重置表单。在重置表单时,所有表C单字段都会恢复到页面刚加载完毕时的初始值。oo如果某个字段的初始值为空,就会恢复为空;而带有默 认值的字段,也会恢复为默认值。即表单重置的时候依靠
5、的 是defaultvalue属性。那么如果想更改单击重置时输入框的 默认值就可以这样做,先修改输入框的defaultvalue属性,再触发表单的reset事件。用户单击重置按钮重置表单时,会触发reset事件。也?可以在必要时取消重置操作。例如,下面展示了阻止重置表 A单的代码。Ovar form=document.getElementById(myForm);EventUtil.addHandler(form,“reset”,function(event)o event=EventUtil.getEvent(event);取得事件对象;EventUtil.preventDefault(ev
6、ent);阻止表单重置A 一与提交表单一样,也可以通过JavaScript来重置表单,如 下面的例子所示。var form=document.getElementBylcKmyForm);form,reset();重置表单?与调用submit()方法不同,调用reset()方法会像单击重置1按钮一样触发reset事件。表单庄段 可以像访问页面中的其他元素一样,使用原生DOM方法访问表单元素。此外,每个表单都有elements属性,该属性是表单中?所有表单元素(字段)的集合。这个elements集合是一个有序列A表,其中包含着表单中的所有字段,例如input、textarea、1)111:1:0
7、11和豆31(1$31:。每个表单字段在elements集合中的顺!序,都与它们出现在标记中的顺序相同,可以按照位置和name特1性来访问它们。下面来看一个例子。var form=document.getElementById(/zforml/z);var fieldl=form,elements0;取得表单中的第一个字?段o var field2=form,elements z,textboxl,z;取得名为textboxl”的 字段var fieldCount=form,elements,length;取得表单中包含的字段?的数量。1.共有的表单字段属性除了fieldset元素之外,所有表
8、单字段都拥有相同的 一组属性。由于input类型可以表示多种表单字段,因此有 T 些属性只适用于某些字段,但还有一些属性是所有字段所共L 有的。表单字段共有的属性如下。disabled:布尔值,表示当前字段是否被禁用。form:指向当前字段所属表单的指针;只读。力 name:当前字段的名称。readonly:布尔值,表示当前字段是否只读。9 tabindex:表示当前字段的切换(tab)序号。!type:当前字段的类型,如“checkbox”“radio”等。value:当前字段将被提交给服务器的值。对文件字段来说,这个属性是只读的,包含着文件在计算机中的路径。OoV 不能通过onclick事
9、件处理程序来实现这个功能,原因是不同浏览器之间存在“时差”:有的浏览器会在触发表单的 submit事件之前触发click事件,而有的浏览器则相反。对于 先触发click事件的浏览器,意味着会在提交发生之前禁用按 钮,结果永远都不会提交表单。因此,最好是通过submit事件 来禁用提交按钮。不过,这种方式不适合表单中不包含提交按 钮的情况;如前所述,只有在包含提交按钮的情况下,才有可 T能触发表单的submit事件。除了fieldset之外,所有表单字“段都有type属性。对于input元素,这个值等于H TML特性 type的值。对于其他元素,这个type属性的值如表8.1所列。Oo表8.1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript程序设计教程 第8章 表单 JavaScript 程序设计 教程
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【曲****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【曲****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。