当前位置：首页 → 问答吧 → 请问如何更改input属性,达到这样的显示效果

请问如何更改input属性,达到这样的显示效果

时间：2010-06-04

来源：互联网

原来的代码是这样的：
<label for="author"><small>   </small></label>
<input type="text" name="comname" maxlength="49" value="Name:"  size="22" tabindex="1">
<label for="email"><small>  </small></label>
<input type="text" name="commail"  maxlength="128"  value="E-mail:" size="22" tabindex="2">
<label for="url"><small>  </small></label>
<input type="text" name="comurl" maxlength="128"  value="Site:" size="22" tabindex="3">
请问如何更改, 才能让鼠标点击框框的时候,框框里面的字就消失掉呢
例如：
我现在点击输入E-mail的框框,还要手动删除E-mail这一行字的,
如何更改成我一点E-mail框框内部,E-mai这些l字就自动没掉, 辛苦啦, 谢谢你们

附件

liuyan.jpg (12.34 KB)

2010-6-4 21:10

作者: Raysir 发布时间: 2010-06-04

得到焦点 value为空

作者: gongpeng556 发布时间: 2010-06-04

onfocus="this.value=''"

作者: gongpeng556 发布时间: 2010-06-04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>code.js.cn</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> .red{color:red;} input{color:#ccc;} </style> <script type="text/javascript" src="http://127.0.0.1/ldh.js"></script> </head> <body> <label for="author"><small>   </small></label> <input type="text" name="comname" id="comname" maxlength="49" value="Name:" size="22" tabindex="1"> <label for="email"><small>  </small></label> <input type="text" name="commail" id="commail" maxlength="128" value="E-mail:" size="22" tabindex="2"> <label for="url"><small>  </small></label> <input type="text" name="comurl" id="comurl" maxlength="128" value="Site:" size="22" tabindex="3"> </body> <script type="text/javascript"> //<![CDATA[ function ldh(x,y){ return y?arguments.callee(y).getElementsByTagName(x) :(typeof x == 'string' ? document.getElementById(x):x) }; ldh.defaultInput=function (el,focus,def){ if(el instanceof Array){ for(var i=el.length;i--;) arguments.callee(el[i],focus,def); return ldh }; el=ldh(el); el.onblur=el.onfocus=function (e){ var e=e||window.event,data=e.type=='blur'?[this.defaultValue,def]:['',focus]; if(this.value!=this.defaultValue&&this.value.replace(/^\s+|\s+$/g,'')!='')return; this.value=data[0]; this.className=data[1] }; }; ldh.defaultInput('comname,commail,comurl'.split(','),'red') //]]> </script> </html>
提示：您可以先修改部分代码再运行

作者: kfguoguo 发布时间: 2010-06-04