1

我的表格中有一个文本。文本字段中的文本颜色应为灰色。如果我单击它并键入，则文本应变为黑色并保持黑色。

我使用了以下CSS。

input[type=text]{ color:#999999;}
input[type=text]:focus{ color:#000;}

这是我的html代码

<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value=='') this.value='Address'" value="Address">

现在，当我输入时，文本变为黑色。但打字后又变回灰色。打字后我需要它是黑色的。我怎样才能做到这一点？

4

4 回答 4

3

怎么样

<input name="address" id="address" type="text" 
       onFocus="if(this.value =='Address' )this.value='';this.style.color='#000';" 
       onBlur="if(this.value=='') this.value='Address'; if (this.value=='Address') this.style.color='#999';" 
       value="Address">
于 2012-07-17T04:44:35.667 回答
0

不确定您的问题是否 100% 清楚，但为什么不直接反转 CSS 中的值呢？

<style>
input[type=text]{ color:#000;}
input[type=text]:focus{ color:#999999;}
</style>

<p>
<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value=='') this.value='Address'" value="Address">
</p>

有了这个，文本是黑色的，焦点上它是灰色的，但焦点后它又变回黑色。

于 2012-07-17T04:46:12.477 回答
0

我已经使用 JQuery 来解决您的问题。请看看这个 JSFiddle

http://jsfiddle.net/EvnQj/

于 2012-07-17T04:52:49.813 回答
0

对于上述问题，请编写如下 HTML：

<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value==''){ this.value='Address'; } else{ this.style.color='#000'; }" value="Address">

CSS原样：

input[type=text]{
  color:#999999;
}
input[type=text]:focus{
  color:#000;
}

如果你想测试你的垃圾箱，那么http://codebins.com/bin/4ldqpaq

于 2012-07-17T05:19:51.380 回答