北大青 7E 男 文本框对象 口文本框元素用于在表单中输入字、词或一系列数 字 口可以通过将HTML的NPUT标签中的type设置 为“text",以创建文本框元素 <INPUT type="text" name=t1"> ACCP V4.0
ACCP V4.0 6 文本框对象 ❑文本框元素用于在表单中输入字、词或一系列数 字 ❑可以通过将 HTML 的 INPUT 标签中的 type 设置 为“text”，以创建文本框元素 <INPUT type="text" name="t1">
北大青 男 文本框对象一 事件处理程序 文事件onB|ur文本框失去焦点 本框 on Change文本框的值被修改 onFocus光标进入文本框中 方法 focus()获得焦点,即获得鼠标光标 select()选中文本内容,突出显示输入区域 属性 readonly只读,文本框中的内容不能修改 ACCP V4.0
ACCP V4.0 7 文本框对象 – 事件处理程序 文 本 框 事件 onBlur 文本框失去焦点 onChange 文本框的值被修改 onFocus 光标进入文本框中 方法 focus( ) 获得焦点，即获得鼠标光标 select( ) 选中文本内容，突出显示输入区域 属性 readonly 只读，文本框中的内容不能修改
淘宝网》睾 北大青 男 点 文本框对 E myform card 单价:25.00 price 数量: number 总价: 0.00 tot 我要买 193(182)v 219(209 <body><form><table><tr><td>Inputpricey 441 x 236-13 K/2 El ACCP V4.0
ACCP V4.0 8 文本框对象 card price number tot myform
北大青 7E 男 文本框对象 添加无边框样式 附加apat的Css样式定义 body 分类 边框 新建 编辑 样式 宽度 全部相同()全部相同) 重命名麼 上①) 像素qx) 重制 右a):线 团像素qx) 册除 下0):顶线 像素@x) CSs样式定义 左国线2 像素() input I font-size: 15px: border: 1px olid: 1 完成 帮助 ACCP V4.0
ACCP V4.0 9 文本框对象 添加无边框样式
<SCR| PT language=" Java onFocus事件调用的函数 clearText()清空 function clear Texto) 帐号文本框中的内容 if( document myform card.vaUe="输入您的会员帐号") document. myform card. value= on blur事件调用的函数 check()检查输入的帐 function check( 号是否是“10”打头,并且是数字 var a=document. myform card value if (asubstr(0, 2)!=10 isNaN(a)) alert(("格式错误,请重新输入"); document myform card. focus() 帐号:〖8946 document myform card. select() on Change事件调用的函数 compute(用来计 function compute 算总价 var price= document. myform price value var number= document. myform number value document myformtot value= price*number
ACCP V4.0 10 文本框对象 - onChange 事件处理程序 <SCRIPT language="JavaScript" > function clearText( ) { if (document.myform.card.value=="输入您的会员帐号") document.myform.card.value="" ; } function check( ) { var a=document.myform.card.value; if (a.substr(0,2)!="10" || isNaN(a)) { alert("格式错误，请重新输入") ; document.myform.card.focus( ); document.myform.card.select( ); } } function compute( ) { var price= document.myform.price.value; var number= document.myform.number.value ; document.myform.tot.value= price*number; } onFocus事件调用的函数clearText（）清空 帐号文本框中的内容 onBlur事件调用的函数check（）检查输入的帐 号是否是“10”打头，并且是数字 onChange事件调用的函数compute( )用来计 算总价