日期:2014-05-17  浏览次数:20865 次

input文字方框中,字体颜色的变化
要求默认的字体颜色是灰色,当要输入字时,字体是正常的黑色
即:当没有输入内容时,input中的测试是灰色的,当输入内容时,内容的字体是正常的黑色,
请问该如何实现
CSS code
<input type=text name='address' size=60 maxlength=60 style="color:gray" value="(测试)" onfocus="if (value =='(测试'){value =''}" onblur="if (value ==''){value='(测试'}">


------解决方案--------------------
以下两个效果,你看一下哪个是你要的:

1、<input type="text" name="address" size="60" maxlength="60" style="color:gray" value="(测试)" onfocus="if(this.value=='(测试)'){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value=='(测试)'){this.value='(测试)';this.style.color='gray';}">

2、<input type="text" name="address" size="60" maxlength="60" style="color:gray" value="(测试)" onfocus="if(this.value=='(测试)'){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value=='(测试)'){this.value='(测试)'};this.style.color='gray';">