猿吟鹤唳本无意,不知下有行人行

鼠标点击,文本框内灰色字体消失,输入字体颜色是黑色

 

<input name="textfield"type="text"value="点击添入标题"onfocus="if (value =='点击添入标题'){value =''}"onblur="if (value ==''){value='点击添入标题'}"/>

 

效果如左

 

 <input class="input" type="text" value="点击添入标题" onblur="if(this.value=='') this.value='点击添入标题'" onfocus="if(this.value =='点击添入标题' ) this.value=''">                     —————-兼容浏览器IE6-IE10

 改进版本二 输入字体颜色是黑色

1、<input type="text" value="点击填写标题"  onblur="if(this.value==''){this.value='点击填写标题';this.style.color='#999'}" onfocus="if(this.value=='点击填写标题'){this.value='';this.style.color='#000'}" style="color:#999"/>

2、<input type="text" value=" 请输入关键词" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999">

 

 

发表评论

您的电子邮箱地址不会被公开。