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

上記の問題については、以下のように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 に答える
0

あなたの問題を解決するためにJQueryを使用しました。この JSFiddle をご覧ください

http://jsfiddle.net/EvnQj/

于 2012-07-17T04:52:49.813 に答える