Zmiana koloru tekstu w polu tekstowym

Question

Mam pole tekstowe wejściowe, które domyślnie ma wartość "coś", ale kiedy zaczynam pisać, chcę, aby wartość domyślna zmieniała kolor, a tekst, który będę wpisywać, inny.

Jak mogę to zrobić?

---

<input type="text" value="something" onclick="this.value=''" /> 

Answer 1

keep it simple jak twój przykład:

<input type="text" value="something" onclick="this.value='';this.style.color='red';" /> 

I to powinno dość dużo zrobić.

Answer 2

Możesz spróbować wykonać następujące czynności:

<input type="text" value="something" 
     onFocus="if (this.value == 'something') this.style.color = '#ccc';" 
     onKeyDown="if (this.value == 'something') { 
         this.value = ''; this.style.color = '#000'; }"> 

Answer 3

Pisali odpowiedź @ Chibu, jest to w jaki sposób to zrobić przy użyciu jQuery i dyskretny Javascript

 

    
$(document).ready(
    function() { 
     $("#mytext").bind(
     "click", 
     function() { 
      $(this).val(""); 
      $(this).css("color", "red"); 
     } 
    ); 
    } 
) 
 

Answer 4

Zaczynamy:

<input type="text" value="something" onclick="this.value='';this.style.color='red';" /> 

Powodzenia!

Zachowaj kodowanie!