WEB平台开发培训——js要点.ppt

提供一个按钮，供触发事件之用。 可使用的事件处理程序： onBlur, onClick, onFocus 按钮对象(button object) type = button //类型为按钮 name = button1 //按钮名称 value = 请按我 //按钮面显示值 title = 送至服务器 //提示值 tabindex = 0 //定位顺序 disabled //使失效 按钮对象相关属性 按钮对象的对象特性 type - 该元件类型 name - 该元件识別名称 value - 该按钮面显示值 disabled - 该元件生效否 form name=form1 动态设定按钮的显示字樣：BR 请输入： input type=text onChange=document.form1.button1.value=this.value BR input type=button name=button1 value= /form 表单对象范例 - button FORM onReset=this.button1.disabled=true INPUT TYPE=text onClick=this.form.button1.disabled=false INPUT TYPE=button name=button1 disabled value= 传　送 INPUT TYPE=reset value= 重　来 /FORM 表单对象范例 - button 用以将表格內资料送至服务器之用。 可使用的事件处理程序： onBlur, onClick, onFocus 另外可在Form标签內搭配使用 onSubmit 提交对象(submit object) type = submit //类型为呈送钮 name = submit1 //按钮名称 value = 提交 //提交钮表面显示值 提交对象相关参数 Input type=submit name=submit1 value=送出 提交对象的对象特性 type - 该元件类型 Name - 该元件识別名称 value - 该按钮面显示值 Script function isReady() { if (document.form1.text1.value.length == 9) return true else alert(请输入9位数密码);return false } /Script Form name=form1 onSubmit=return isReady() input type=text name=text1 input type=submit /form 表单对象范例 - submit 1.双引号不能省略 2.当onSubmit = true 时才提交到器 Script function isReady(form) { if (form.text1.value.length == 9) return true else alert(请输入9位数密码) form.text1.focus() //将焦点移回 text return false } /Script Form name=form1 onSubmit=return isReady(this) input type=text name=text1 input type=submit /form 表单对象范例 - submit 用以将表格內资料还原为预设值， 即重新输入之意。 可使用的事件处理程序： onBlur, onClick, onFocus 另外可在Form标签內搭配使用 onReset 重置对象(reset object) type = reset //类型为重置钮 name = reset1 //按钮名称 value = 重新输入 //重置钮表面显示值 重置对象相关参数 Input type=reset name=reset1 value=重新输入 重置对象的对象特性 type - 该元件类型 name - 该元件识別名称 value - 该按钮面显示值 Form name=form1 onReset=alert(重新来吧！) input type=text name=text1 input type=reset /form 表单对象范例 - reset 提供一个多列的本文域。 可使用的事件处理程序： onBlur, onChange, onFocus 本文区域对象(textarea object) name = text