javascript教程优质课件.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * Form表单字段元素对象 Form 表单字段元素包括普通按钮， 提交按钮，重置按钮，单选按钮，复选按钮，单行文本输入框，多行文本输入框， 下拉列表框等， 不能以””或document.id属性值和”name或id属性值”的简写形式访问嵌套在form标签中的表单字段元素，例如： form input type=text name=email id=idEmail /form 不能用document.email和idEmail等形式来引用文本输入框对应的对象 Form表单字段元素对象－方法 Blur方法 focus方法 click方法 setCapture方法 releaseCaqpture方法 Select元素对象的add方法 Form表单字段元素对象－属性 defaultValue属性 disabled属性 form属性 readOnly属性 title属性 value属性 checked属性 列表框(select)的专有的属性： multiple属性 selectdindex属性 Options数组属性 列表框中的选择项对象(option value=“” selectedtext/option的属性 text属性 value属性 selected属性 index属性 可能为HTML元素指定自定义属性，例如： form name=“from1” input type=text name=“email” mark=“1” /from 用if(document.form1.email.mark)语名检查是否存在mark属性， 即判断mark属性是否等于undefined Form表单字段元素对象－事件 onChange事件 onSelect事件 onFocus事件 onBlur事件 表单字段元素对象－－应用举例 form method=post 用户名：input type=text name=userbr 密码：input type=password name=pass onfocus=checkName(this.form)br input type=submit name=submit1 value=递交 /form script language=javascript function checkName(frm) { //if(frm.user.value.trim() == ) if(frm.user.value.match(/^\s*$/)) { alert(你必须先输入用户名); frm.user.focus(); } } /script 两个文本输入框争焦点造成死锁this.form g this form method=post 用户名：input type=text name=user onblur=checkValue(this)br 密码：input type=password name=pass onblur=checkValue(this)br input type=submit name=submit1 value=递交 /form script language=javascript function checkValue(txtField) { if(txtField.value == ) txtField.focus(); } /*function checkPass(frm) { if(frm.pass.value == ) frm.pass.focus(); }*/ /script 用回车在文本框上 获焦点 !--form method=post target=_blank 用户名：input type=text name=user onkeydown=toNext(this.form)br 密码：input type=password name=pass br input type=submit name=submit1 value=递交 /form script language=javascript function toNext(frm) { if(window.event.keyCode == 13)//回车键的Unicode码为13 { /*frm.pass.focus(); window.event.returnValue = false;*/ window.event.keyCode = 9; } } /script 只能输入数字